Procházet zdrojové kódy

feat(mine): 优化个人信息页面展示

- 在性别设置中添加当前性别的显示
- 在生日设置中添加当前生日的显示,如果没有设置则显示"设置"
- 使用 dayjs 库格式化生日日期为 YYYY-MM-DD 格式
EvilDragon před 2 měsíci
rodič
revize
c980ef3e34
1 změnil soubory, kde provedl 16 přidání a 2 odebrání
  1. 16 2
      packages/app/src/pages/mine/setting/index.vue

+ 16 - 2
packages/app/src/pages/mine/setting/index.vue

@@ -226,10 +226,24 @@ onMounted(async () => {
     </button>
     <template v-if="isDesigner">
       <div @click="handleSetSex">
-        <SectionHeading title="性别" size="sm" end-text="设置" end-arrow></SectionHeading>
+        <SectionHeading
+          title="性别"
+          size="sm"
+          :end-text="{ '0': '男', '1': '女' }[String(userInfo.sex)] ?? '设置'"
+          end-arrow
+        ></SectionHeading>
       </div>
       <div class="relative" @click="birthdayShow = true">
-        <SectionHeading title="生日" size="sm" end-text="设置" end-arrow></SectionHeading>
+        <SectionHeading
+          title="生日"
+          size="sm"
+          :end-text="
+            (userInfo.birthday ?? '') === ''
+              ? '设置'
+              : dayjs(userInfo.birthday).format('YYYY-MM-DD')
+          "
+          end-arrow
+        ></SectionHeading>
       </div>
       <!-- <div class="absolute left-0 top-0 w-full h-full opacity-" style="visibility: hidden">
           <wd-datetime-picker type="date" v-model="birthday" custom-class=""></wd-datetime-picker>