细节优化

src/pages/be-vip.vue

@@ -15,11 +15,20 @@ const vips = [1, 3, 6, 12];
 const chooseVip = (index) => {
   vipChoosen.value = index;
 };
+
+const onPay = () => {
+  if (!user.value.id) {
+    return uni.showToast({
+      title: "请先登录",
+      icon: "none",
+    });
+  }
+};
 </script>
 
 <template>
   <Container title="会员说明">
-    <view class="header">
+    <view v-if="user.id" class="header">
       <view>
         <Avatar :src="user.avatar" :size="35" :border="true" />
         <text>{{ user.nickName }}</text>
@@ -68,7 +77,7 @@ const chooseVip = (index) => {
           </view>
         </view>
       </view>
-      <SButton>支付</SButton>
+      <SButton :onClick="onPay">支付</SButton>
     </view>
   </Container>
 </template>