From f8a4cbfb51087d15fe7b20a00e636f0a20e2b20a Mon Sep 17 00:00:00 2001
From: liguigong <liguigong@shopline.com>
Date: Mon, 29 Sep 2025 10:17:01 +0800
Subject: [PATCH] =?UTF-8?q?fix(user):=E4=BF=AE=E5=A4=8D=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2=E6=80=A7=E5=88=AB=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了无效的 computed() 调用- 修复了性别选择器的值绑定逻辑
- 确保用户信息正确响应式更新
---
 pages/user/info.vue | 69 ++++++++++++++++++++++-----------------------
 1 file changed, 34 insertions(+), 35 deletions(-)

diff --git a/pages/user/info.vue b/pages/user/info.vue
index cd23555..bb81356 100644
--- a/pages/user/info.vue
+++ b/pages/user/info.vue
@@ -1,24 +1,24 @@
 <!-- 用户信息 -->
 <template>
-  <s-layout title="用户信息" class="set-userinfo-wrap">
+  <s-layout class="set-userinfo-wrap" title="用户信息">
     <uni-forms
       :model="state.model"
       :rules="state.rules"
-      labelPosition="left"
       border
       class="form-box"
+      labelPosition="left"
     >
       <!-- 头像 -->
       <view class="ss-flex ss-row-center ss-col-center ss-p-t-60 ss-p-b-0 bg-white">
         <view class="header-box-content">
           <su-image
+            :current="0"
+            :height="160"
+            :radius="80"
+            :src="state.model?.avatar || sheep.$url.static('/static/img/shop/default_avatar.png')"
+            :width="160"
             class="content-img"
             isPreview
-            :current="0"
-            :src="state.model?.avatar || sheep.$url.static('/static/img/shop/default_avatar.png')"
-            :height="160"
-            :width="160"
-            :radius="80"
             mode="scaleToFill"
           />
           <view class="avatar-action">
@@ -40,25 +40,25 @@
 
       <view class="bg-white ss-p-x-30">
         <!-- 昵称 + 性别 -->
-        <uni-forms-item name="nickname" label="昵称">
+        <uni-forms-item label="昵称" name="nickname">
           <uni-easyinput
             v-model="state.model.nickname"
-            type="nickname"
-            placeholder="设置昵称"
             :inputBorder="false"
             :placeholderStyle="placeholderStyle"
+            placeholder="设置昵称"
+            type="nickname"
           />
         </uni-forms-item>
-        <uni-forms-item name="sex" label="性别">
+        <uni-forms-item label="性别" name="sex">
           <view class="ss-flex ss-col-center ss-h-100">
-            <radio-group @change="onChangeGender" class="ss-flex ss-col-center">
-              <label class="radio" v-for="item in sexRadioMap" :key="item.value">
+            <radio-group class="ss-flex ss-col-center" @change="onChangeGender">
+              <label v-for="item in sexRadioMap" :key="item.value" class="radio">
                 <view class="ss-flex ss-col-center ss-m-r-32">
                   <radio
+                    :checked="parseInt(item.value) === state.model?.sex"
                     :value="item.value"
                     color="var(--ui-BG-Main)"
                     style="transform: scale(0.8)"
-                    :checked="parseInt(item.value) === state.model?.sex"
                   />
                   <view class="gender-name">{{ item.name }}</view>
                 </view>
@@ -67,15 +67,15 @@
           </view>
         </uni-forms-item>
 
-        <uni-forms-item name="mobile" label="手机号" @tap="onChangeMobile">
+        <uni-forms-item label="手机号" name="mobile" @tap="onChangeMobile">
           <uni-easyinput
             v-model="userInfo.mobile"
-            placeholder="请绑定手机号"
-            :inputBorder="false"
-            disabled
-            :styles="{ disableColor: '#fff' }"
-            :placeholderStyle="placeholderStyle"
             :clearable="false"
+            :inputBorder="false"
+            :placeholderStyle="placeholderStyle"
+            :styles="{ disableColor: '#fff' }"
+            disabled
+            placeholder="请绑定手机号"
           >
             <template v-slot:right>
               <view class="ss-flex ss-col-center">
@@ -88,22 +88,22 @@
           </uni-easyinput>
         </uni-forms-item>
 
-        <uni-forms-item name="password" label="登录密码" @tap="onSetPassword">
+        <uni-forms-item label="登录密码" name="password" @tap="onSetPassword">
           <uni-easyinput
             v-model="userInfo.password"
-            placeholder="点击修改登录密码"
+            :clearable="false"
             :inputBorder="false"
             :styles="{ disableColor: '#fff' }"
             disabled
+            placeholder="点击修改登录密码"
             placeholderStyle="color:#BBBBBB;font-size:28rpx;line-height:normal"
-            :clearable="false"
           >
             <template v-slot:right>
               <view class="ss-flex ss-col-center">
                 <su-radio
-                  class="ss-flex"
                   v-if="userInfo.verification?.password"
                   :modelValue="true"
+                  class="ss-flex"
                 />
                 <button v-else class="ss-reset-button ss-flex ss-col-center ss-row-center">
                   <text class="_icon-forward" style="color: #bbbbbb; font-size: 26rpx" />
@@ -117,12 +117,12 @@
       <view class="bg-white ss-m-t-14">
         <uni-list>
           <uni-list-item
-            clickable
-            @tap="sheep.$router.go('/pages/user/address/list')"
-            title="地址管理"
-            showArrow
             :border="false"
             class="list-border"
+            clickable
+            showArrow
+            title="地址管理"
+            @tap="sheep.$router.go('/pages/user/address/list')"
           />
         </uni-list>
       </view>
@@ -134,28 +134,28 @@
       <view class="account-list ss-flex ss-row-between">
         <view v-if="'WechatOfficialAccount' === sheep.$platform.name" class="ss-flex ss-col-center">
           <image
-            class="list-img"
             :src="sheep.$url.static('/static/img/shop/platform/WechatOfficialAccount.png')"
+            class="list-img"
           />
           <text class="list-name">微信公众号</text>
         </view>
         <view v-if="'WechatMiniProgram' === sheep.$platform.name" class="ss-flex ss-col-center">
           <image
-            class="list-img"
             :src="sheep.$url.static('/static/img/shop/platform/WechatMiniProgram.png')"
+            class="list-img"
           />
           <text class="list-name">微信小程序</text>
         </view>
         <view v-if="'App' === sheep.$platform.name" class="ss-flex ss-col-center">
           <image
-            class="list-img"
             :src="sheep.$url.static('/static/img/shop/platform/wechat.png')"
+            class="list-img"
           />
           <text class="list-name">微信开放平台</text>
         </view>
         <view class="ss-flex ss-col-center">
-          <view class="info ss-flex ss-col-center" v-if="state.thirdInfo">
-            <image class="avatar ss-m-r-20" :src="sheep.$url.cdn(state.thirdInfo.avatar)" />
+          <view v-if="state.thirdInfo" class="info ss-flex ss-col-center">
+            <image :src="sheep.$url.cdn(state.thirdInfo.avatar)" class="avatar ss-m-r-20" />
             <text class="name">{{ state.thirdInfo.nickname }}</text>
           </view>
           <view class="bind-box ss-m-l-20">
@@ -172,7 +172,7 @@
       </view>
     </view>
 
-    <su-fixed bottom placeholder bg="none">
+    <su-fixed bg="none" bottom placeholder>
       <view class="footer-box ss-p-20">
         <button class="ss-rest-button logout-btn ui-Shadow-Main" @tap="onSubmit">保存</button>
       </view>
@@ -211,7 +211,6 @@
   ];
 
   const userInfo = computed(() => sheep.$store('user').userInfo);
-  computed()
   // 选择性别
   function onChangeGender(e) {
     state.model.sex = e.detail.value;