fix: pay noticy api

pages/mine/mine.vue

@@ -40,6 +40,26 @@
           <view class="card-arrow">›</view>
         </view>
 
+        <!-- VIP Banner -->
+        <view class="vip-banner" @tap="navTo('vip')">
+          <view class="vip-left">
+            <view class="vip-icon-box">
+              <uni-icons type="vip-filled" size="32" color="#5d4037" />
+            </view>
+            <view class="vip-content">
+              <view class="vip-title-row">
+                <text class="vip-title">祥瑞会员中心</text>
+                <view class="diamond-tag">DIAMOND</view>
+              </view>
+              <text class="vip-subtitle">开通永久会员解锁全部特权</text>
+            </view>
+          </view>
+          <view class="vip-right">
+            <text class="open-text">立即开通</text>
+            <text class="arrow">›</text>
+          </view>
+        </view>
+
         <!-- My Creations -->
         <view class="section-title">我的创作</view>
         <view class="menu-group">
@@ -202,6 +222,12 @@ const navTo = (page) => {
     });
     return;
   }
+  if (page === "vip") {
+    uni.navigateTo({
+      url: "/pages/mine/vip",
+    });
+    return;
+  }
   uni.showToast({ title: "功能开发中", icon: "none" });
 };
 </script>
@@ -325,6 +351,84 @@ const navTo = (page) => {
   margin-left: 10rpx;
 }
 
+/* VIP Banner */
+.vip-banner {
+  background: linear-gradient(135deg, #2e2424 0%, #1a1616 100%);
+  border-radius: 30rpx;
+  padding: 30rpx 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 40rpx;
+  box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.1);
+}
+
+.vip-left {
+  display: flex;
+  align-items: center;
+}
+
+.vip-icon-box {
+  width: 80rpx;
+  height: 80rpx;
+  background: #fceea9;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 24rpx;
+  border: 4rpx solid #bfa46f;
+}
+
+.vip-content {
+  display: flex;
+  flex-direction: column;
+}
+
+.vip-title-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8rpx;
+}
+
+.vip-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #fceea9;
+  margin-right: 12rpx;
+}
+
+.diamond-tag {
+  background: rgba(252, 238, 169, 0.15);
+  color: #fceea9;
+  font-size: 18rpx;
+  padding: 2rpx 8rpx;
+  border-radius: 6rpx;
+  border: 1px solid rgba(252, 238, 169, 0.4);
+}
+
+.vip-subtitle {
+  font-size: 22rpx;
+  color: rgba(252, 238, 169, 0.6);
+}
+
+.vip-right {
+  display: flex;
+  align-items: center;
+}
+
+.open-text {
+  font-size: 26rpx;
+  color: #fceea9;
+  margin-right: 4rpx;
+  font-weight: 500;
+}
+
+.vip-banner .arrow {
+  color: #fceea9;
+  font-size: 32rpx;
+}
+
 /* Section Title */
 .section-title {
   font-size: 26rpx;