完成会员页面

src/pages/user.vue

@@ -14,6 +14,22 @@ const toOrderPage = () => {
     url: "/pages/orders",
   });
 };
+
+const toFristTryPage = () => {
+  uni.navigateTo({
+    url: "/pages/first-try",
+  });
+};
+const toBeVipPage = () => {
+  uni.navigateTo({
+    url: "/pages/be-vip",
+  });
+};
+const toMyGrowthPage = () => {
+  uni.navigateTo({
+    url: "/pages/my-growth",
+  });
+};
 </script>
 
 <template>
@@ -33,8 +49,13 @@ const toOrderPage = () => {
         }"
         :onClick="toOrderPage"
       />
-      <UserItem title="新手试炼场" />
-      <UserItem title="会员" />
+      <UserItem title="新手试炼场" :onClick="toFristTryPage">
+        <text v-if="user.trio" :style="{ color: '#259249' }">已完成</text>
+        <text v-else :style="{ color: '#CC311F' }">未完成</text>
+      </UserItem>
+      <UserItem title="会员" :onClick="toBeVipPage">
+        已赠送6个月会员
+      </UserItem>
       <UserItem title="等级介绍" />
       <UserItem
         title="段位介绍"
@@ -42,9 +63,9 @@ const toOrderPage = () => {
           marginBottom: '10px',
         }"
       />
-      <button class="my-grow">
+      <view class="my-grow" @click="toMyGrowthPage">
         <image src="../static/my-grow.png" mode="widthFix" />
-      </button>
+      </view>
     </view>
   </view>
 </template>