Selaa lähdekoodia

feat(vip): 添加会员中心及相关功能页面

- 新增会员权益弹窗展示,提示会员有效期及专属入口
- 在首页引入会员权益弹窗,增加用户交互体验
- 个人中心头像新增尊贵会员标识,点击跳转会员中心页面
- 新增会员中心、选择赠品及订单列表页面配置
- 更新页面路由定义及类型声明支持新页面
- 更新开发环境配置注释,修改黄的IP地址
zouzexu 1 päivä sitten
vanhempi
commit
5d7236dcd9
5 muutettua tiedostoa jossa 39 lisäystä ja 2 poistoa
  1. 1 1
      src/config/index.ts
  2. 17 0
      src/pages.json
  3. 12 0
      src/pages/index/index.vue
  4. 7 1
      src/pages/my/index.vue
  5. 2 0
      src/uni-pages.d.ts

+ 1 - 1
src/config/index.ts

@@ -7,7 +7,7 @@ const mapEnvVersion = {
   // develop: 'http://192.168.0.157:8080',
   // develop: 'http://192.168.1.253:8080',
   // develop: 'http://192.168.0.19:8080', // 邓
-  // develop: 'http://192.168.0.217:8080', // 黄
+  // develop: 'http://192.168.1.20:8080', // 黄
   // develop: 'http://192.168.0.11:8080', // 王
   // develop: 'http://192.168.1.21:8080', // 田
   // develop: 'http://74949mkfh190.vicp.fun', // 付

+ 17 - 0
src/pages.json

@@ -294,6 +294,14 @@
             "navigationBarTitleText": "详情"
           }
         },
+        {
+          "path": "giveawaysVip/giveawaysVip",
+          "name": "smqjh-giveaways-vip",
+          "islogin": false,
+          "style": {
+            "navigationBarTitleText": "选择赠品"
+          }
+        },
         {
           "path": "order/index",
           "name": "smqjh-order",
@@ -301,6 +309,15 @@
           "style": {
             "navigationBarTitleText": "订单列表"
           }
+        },
+        {
+          "path": "userVip/userVip",
+          "name": "smqjh-user-vip",
+          "islogin": false,
+          "style": {
+            "navigationBarTitleText": "会员中心",
+            "navigationStyle": "custom"
+          }
         }
       ]
     },

+ 12 - 0
src/pages/index/index.vue

@@ -102,6 +102,7 @@ onShareAppMessage(() => {
   }
 })
 const showoverlay = ref(false)
+const showoverlay2 = ref(true)
 async function getSelectZhUser() {
   const res = await Apis.sys.selectZhUser({})
   if (res.data.channelId === 54 && !res.data.isClaimed) {
@@ -327,6 +328,17 @@ function handleJyBanner() {
             </view>
           </view>
         </wd-overlay>
+        <wd-overlay :show="showoverlay2" @click="showoverlay2 = false">
+          <view class="mt-280rpx flex items-center justify-center">
+            <view class="relative h-906rpx w-644rpx flex flex-col items-center justify-center text-center" :style="{ backgroundImage: `url(${StaticUrl}/vip-index-popup.png)`, backgroundSize: 'cover', backgroundPosition: 'center' }">
+              <view class="absolute top-120rpx w-406rpx border-[1rpx_solid_#FFFFFF] rounded-50rpx border-solid px-30rpx py-8rpx text-center text-24rpx text-#FFF">
+                您的会员权益已生效有效期至2027-04-08 23:59:59
+              </view>
+              <image :src="`${StaticUrl}/vip-index-check.png`" class="absolute top-690rpx h-84rpx w-372rpx" @click="router.push({ name: 'smqjh-user-vip' })" />
+              <image :src="`${StaticUrl}/vip-index-shopping.png`" class="absolute top-800rpx h-84rpx w-288rpx" @click="router.push({ name: 'xsb-homeTabbar' })" />
+            </view>
+          </view>
+        </wd-overlay>
       </view>
     </view>
   </view>

+ 7 - 1
src/pages/my/index.vue

@@ -59,7 +59,13 @@ function handleGo(item: { name: string, status: string }) {
         </template>
         <template v-else>
           <view class="flex items-center">
-            <image :src="getUserAvatar" alt="" class="h-100rpx w-100rpx flex-shrink-0 rounded-full" />
+            <view class="relative" @click="router.push({ name: 'smqjh-user-vip' })">
+              <image :src="`${StaticUrl}/user-head-vip.png`" class="absolute right-[-20rpx] top-[-20rpx] h-50rpx w-50rpx" />
+              <image :src="getUserAvatar" alt="" class="h-100rpx w-100rpx flex-shrink-0 rounded-full" />
+              <view class="absolute left-[-6rpx] top-90rpx h-40rpx w-112rpx rounded-22rpx bg-[linear-gradient(132deg,#F0C568_0%,#FFF3B2_20.02%,#EBBA5E_44.19%,#FFF3B2_71.13%,#F0C26C_100%)] text-center text-24rpx text-#7F5935 line-height-40rpx">
+                尊贵会员
+              </view>
+            </view>
             <view class="ml-20rpx flex-1">
               <view class="text-32rpx font-semibold">
                 {{ userInfo.nickName }}

+ 2 - 0
src/uni-pages.d.ts

@@ -26,7 +26,9 @@ interface NavigateToOptions {
        "/subPack-common/revalueSuccess/index" |
        "/subPack-common/user-center/index" |
        "/subPack-smqjh/bannerDetaile/index" |
+       "/subPack-smqjh/giveawaysVip/giveawaysVip" |
        "/subPack-smqjh/order/index" |
+       "/subPack-smqjh/userVip/userVip" |
        "/subPack-film/choose-film/index" |
        "/subPack-film/choose-seat/index" |
        "/subPack-film/index/index" |