.

pages/index/components/user-avatar-card.vue

@@ -1,12 +1,14 @@
 <template>
-  <view class="user-avatar-card-ctn">
+  <view class="user-avatar-card-ctn" @click="jumpPage">
     <view class="upper-box">
       <view class="left-box">
         <view class="ss-flex" style="align-items: flex-end">
           <view style="font-size: 36rpx; margin-right: 12rpx">{{
             userInfo?.nickname || nickname
           }}</view>
-          <view style="color: #999999; font-size: 24rpx">检测时间：</view>
+          <view style="color: #999999; font-size: 24rpx"
+            >检测时间：{{ detectionTime?.slice(0, 16) }}</view
+          >
         </view>
         <view class="ss-flex user-info-block">
           <view class="user-info-item">{{ userFormData.sex }}</view>
@@ -24,7 +26,6 @@
               : sheep.$url.static('https://puton.huimeimeta.com/imgs/default_avatar.png')
           "
           mode="aspectFill"
-          @tap="sheep.$router.go('/pages/user/info')"
         >
         </image>
       </view>
@@ -33,22 +34,22 @@
       <ul class="attr-ul ss-flex">
         <li class="attr-li">
           <view class="label">脸型</view>
-          <view class="value">标准脸</view>
+          <view class="value">{{ userFaceInfo.feature }}</view>
           <view class="line" />
         </li>
         <li class="attr-li">
           <view class="label">肤色</view>
-          <view class="value">冷肤色</view>
+          <view class="value">{{ userFaceInfo.complexion }}</view>
           <view class="line" />
         </li>
         <li class="attr-li">
-          <view class="label">色彩偏好</view>
-          <view class="value">中高明度</view>
+          <view class="label">基因风格</view>
+          <view class="value">{{ userFaceInfo.type }}</view>
           <view class="line" />
         </li>
         <li class="attr-li">
           <view class="label">色彩定位</view>
-          <view class="value">中高纯度</view>
+          <view class="value">{{ userFaceInfo.sj_color_type }}</view>
         </li>
       </ul>
     </view>
@@ -64,6 +65,14 @@
       type: Object,
       default: () => {},
     },
+    userFaceInfo: {
+      type: Object,
+      default: () => {},
+    },
+    detectionTime: {
+      type: String,
+      default: '',
+    },
   });
 
   // 是否登录
@@ -71,6 +80,12 @@
 
   // 用户信息
   const userInfo = computed(() => sheep.$store('user').userInfo);
+
+  const jumpPage = () => {
+    uni.switchTab({
+      url: `/pages/index/index`,
+    });
+  };
 </script>
 
 <style lang="scss" scoped>
@@ -112,6 +127,7 @@
         .avatar-img {
           width: 100%;
           height: 100%;
+          border-radius: 50%;
         }
       }
     }