<template>
  <ui-page-layout title="设置个人信息">
    <ui-scroll-view>
      <div class="account-setting">


        <div class="h-14rem"></div>


        <user-account-setting-info-item label="头像">
          <img src="/imgs/avatar.png" class="w-80rem h-80rem" />
        </user-account-setting-info-item>
        <user-account-setting-info-item :value="nickName" label="昵称" text="cyt"></user-account-setting-info-item>
        <user-account-setting-info-item :value="email" label="账号" text="15486323563@qq.com">
        </user-account-setting-info-item>
        <user-account-setting-info-item label="密码">
          <div class=" flex items-center">
            <div class="mr-50rem">*********</div>
            <div class="text-primary cursor-pointer">重置密码</div>
          </div>
        </user-account-setting-info-item>
        <user-account-setting-info-item v-model="name" label="姓名">

        </user-account-setting-info-item>
        <user-account-setting-info-item v-model="phone" label="电话">
          <!-- <ui-input v-model="phone" class="!w-345rem">
            <div slot="suffix" class="flex items-center h-full">
              <div class="text-black">+86</div>
              <div class="w-12rem"></div>
              <img src="/imgs/menu-arrow.png" class="w-6rem h-auto" />
              <div class="w-16rem"></div>
            </div>
          </ui-input> -->
        </user-account-setting-info-item>
        <user-account-setting-info-item label="性别">
          <el-radio-group v-model="gender">
            <el-radio :label="0">女</el-radio>
            <el-radio :label="1">男</el-radio>
          </el-radio-group>
        </user-account-setting-info-item>
        <user-account-setting-info-item v-model="job" label="职业">

        </user-account-setting-info-item>
        <user-account-setting-info-item v-model="jobUnit" label="工作单位">

        </user-account-setting-info-item>
        <user-account-setting-info-item v-model="addr" label="地址">

        </user-account-setting-info-item>
      </div>
    </ui-scroll-view>
  </ui-page-layout>
</template>

<script>

export default {
  data() {
    return {
      nickName: "cyt",
      email: "15486323563@qq.com",
      gender: 0,
      name: "陈小婷",
      phone: "18926145678",
      job: "产品经理",
      jobUnit: "广州量子互联科技有限公司",
      addr: "广州市黄埔区联和街道黄埔科学大道112号绿地广场1710室"
    }
  }
};
</script>

<style>

</style>
