...

src/pages/mine/subs/profile/index.vue

@@ -2,8 +2,8 @@
   <view class='content'>
     <view class='top-card-view'>
       <image class='bg-image' :src='assetsUrl("test_bg.png")' />
-      <image class='avatar-image' :src='assetsUrl("test_bg.png")' />
-      <text>设计小仙女</text>
+      <image class='avatar-image' :src='userInfo.image' />
+      <text>{{userInfo.nickName}}</text>
       <text>会员卡</text>
     </view>
 
@@ -11,20 +11,20 @@
       <view class='c-flex-row'>
         <text>头像</text>
         <view class='avatar-view'>
-          <image class='avatar-image' :src='assetsUrl("test_bg.png")' />
+          <image class='avatar-image' :src='userInfo.image' />
           <button class='avatar-btn' open-type='chooseAvatar' />
         </view>
       </view>
 
       <view class='c-flex-row'>
         <text class='nickname'>姓名</text>
-        <input placeholder='请输入姓名' type='nickname' />
+        <input placeholder='请输入姓名' type='nickname' v-model='userInfo.nickName' />
       </view>
 
       <view class='divider' />
       <view class='c-flex-row'>
         <text>手机号</text>
-        <input placeholder='15523653265' />
+        <input placeholder='15523653265' v-model='userInfo.telephone'/>
       </view>
 
       <view class='divider' />
@@ -57,6 +57,10 @@
 
 <script lang='ts' setup>
 import { assetsUrl } from '@/utils/assets';
+import { useUserStore } from '@/store';
+
+const store= useUserStore()
+const {userInfo} = storeToRefs(store)
 
 const currentGender = ref<number>(0);