完成段位介绍和等级介绍页面

src/pages/user.vue

@@ -30,6 +30,16 @@ const toMyGrowthPage = () => {
     url: "/pages/my-growth",
   });
 };
+const toGradeIntroPage = () => {
+  uni.navigateTo({
+    url: "/pages/grade-intro",
+  });
+};
+const toRankIntroPage = () => {
+  uni.navigateTo({
+    url: "/pages/rank-intro",
+  });
+};
 </script>
 
 <template>
@@ -53,15 +63,14 @@ const toMyGrowthPage = () => {
         <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="会员" :onClick="toBeVipPage"> 已赠送6个月会员 </UserItem>
+      <UserItem title="等级介绍" :onClick="toGradeIntroPage" />
       <UserItem
         title="段位介绍"
         :customStyle="{
           marginBottom: '10px',
         }"
+        :onClick="toRankIntroPage"
       />
       <view class="my-grow" @click="toMyGrowthPage">
         <image src="../static/my-grow.png" mode="widthFix" />