UI优化

.hbuilderx/launch.json

@@ -0,0 +1,16 @@
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+     	"default" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"mp-weixin" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"type" : "uniCloud"
+     }
+    ]
+}

src/apis/model/userInfoModel.ts

@@ -11,6 +11,10 @@ export interface UserInfoModel{
     /** 用户id */
     uid: string
     /** 微信用户 id */
+    /** 市/县代理 */
+    area_manage_type:string
+    /**股东 id */
+    stockholder:number
     wechat_user_id: string
     /** 支付宝用户 id */
     ali_user_id: string

src/config/app.ts

@@ -11,6 +11,7 @@ let httpApi = 'https://app.bjtdba.com'
 
 // let httpApi = 'http://192.168.1.77:8324'
 export const CDN_URL = 'https://cdn.bjtdba.com/chuxubao'
+export const CDM_URL = 'https://cdn.bjtdba.com/vod'
 
 // 聊天接口修改此字符 小程序聊天要求wss 例如：wss://mer.crmeb.net
 let wsApi = ''

src/pages/home/components/navs.vue

@@ -2,11 +2,11 @@
 import {getHomeQuickLink} from "~/apis/common";
 import {PLATFORM_NAME} from "~/apis/model/common.model";
 import {useDacangStore} from "~/stores/dacangStore";
-import {CDN_URL} from "~/config/app";
+import {CDN_URL,CDM_URL} from "~/config/app";
 
 const navList = ref([{
-  image: CDN_URL + '/static/home-nav/home_dacang_220614.png',
-  title: '精品大仓',
+  image: CDM_URL + '/image/2023-11-20/20231120155257975.png',
+  title: '精品商城',
   key: 'jingpin'
 }, {
   image: CDN_URL + '/static/home-nav/home_xianshimiaosha_220614.png',
@@ -69,8 +69,8 @@ const navList = ref([{
 //   categoryId: '576'
 // }, 
 {
-  image: CDN_URL + '/static/home-nav/vip_img.png',
-  title: '会员专区',
+  image: CDM_URL + '/image/2023-11-20/20231120155340358.png',
+  title: '一壶茶',
   key: 'member',
   // key: PLATFORM_NAME.DC,
   // categoryId: '567',

src/pages/my-rules/index.vue

@@ -2,8 +2,8 @@
 // import CXBBasePage from "~/components/CXBBasePage/CXBBasePage.vue";
 import mpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html'
 
-import {encodePhone} from "../../utils";
-import {getAgentInfo, getRules, getUserInfo} from "~/apis/user";
+import { encodePhone } from "../../utils";
+import { getAgentInfo, getRules, getUserInfo } from "~/apis/user";
 
 const userStore = useUserStore()
 const ruleDetail = ref<{
@@ -19,119 +19,204 @@ const ruleDetail = ref<{
 const currentType = ref<any>([])
 
 const showUpgradeInfo = ref(false)
+// const userType = computed(() => {
+//   const userRichType = userStore.userInfo?.user_rich_type
+//   // console.log(userStore.userInfo)
+//   const bangfu = userStore.userInfo?.is_bangfu ? '帮扶中心 ' : ''
+//   // 创始人
+//   if (userRichType == 3) {
+//     if (bangfu) {
+//       return ['创始人', bangfu]
+//     }
+//     return ['创始人']
+//     // return [].push()
+//   }
+//   // 普通用户
+//   if (userRichType == 0) {
+//     if (bangfu) {
+//       return ['用户', bangfu]
+//     }
+//     return ['用户']
+//   }
+//   // 会员
+//   if (userRichType == 1) {
+//     if (bangfu) {
+//       return ['会员', bangfu]
+//     }
+//     return ['会员']
+
+//   }
+//   if (userRichType == 3) {
+//     if (bangfu) {
+//       return ['创始人', bangfu]
+//     }
+//     return ['创始人']
+//   }
+//   // 合伙人
+//   if (userRichType == 4) {
+//     // return '高级会员'
+//     if (bangfu) {
+//       return ['VIP', bangfu]
+//     }
+//     return ['VIP']
+//   }
+//   if (userRichType == 5) {
+//     if (bangfu) {
+//       return ['初始级合伙人', bangfu]
+//     }
+//     return ['初始级合伙人']
+//   }
+//   if (userRichType == 6) {
+//     if (bangfu) {
+//       return ['中级合伙人', bangfu]
+//     }
+//     return ['中级合伙人']
+//   }
+//   if (userRichType == 7) {
+//     if (bangfu) {
+//       return ['高级合伙人', bangfu]
+//     }
+//     return ['高级合伙人']
+//   }
+//   if (!userRichType) {
+//     if (bangfu) {
+//       return ['用户', bangfu]
+//     }
+//     return ['用户']
+//   }
+// })
+// /*
+// const userType = computed(() => {
+//   const userRichType = userStore.userInfo?.user_rich_type
+
+//   // 创始人
+//   if (userRichType == 3) {
+//     return '创始人'
+//   }
+//   // 普通用户
+//   if (userRichType == 0) {
+//     return '用户'
+//   }
+//   // 会员
+//   if (userRichType == 1) {
+//     return '会员'
+//   }
+//   if (userRichType == 3) {
+//     return '创始人'
+//   }
+//   // 合伙人
+//   if (userRichType == 4) {
+//     // return '合伙人(VIP)'
+//     return 'VIP'
+//   }
+//   if (userRichType == 5) {
+//     return '初始级合伙人'
+//   }
+//   if (userRichType == 6) {
+//     return '中级合伙人'
+//   }
+//   if (userRichType == 7) {
+//     return '高级合伙人'
+//   }
+//   if (!userRichType) {
+//     return '用户'
+//   }
+// })
+// */
+
+//0:普通用户 1:会员  3:创始人 4:高级会员  8合伙人 9联合创始人
 const userType = computed(() => {
   const userRichType = userStore.userInfo?.user_rich_type
-  // console.log(userStore.userInfo)
+  console.log('我是大哥',userStore.userInfo)
   const bangfu = userStore.userInfo?.is_bangfu ? '帮扶中心 ' : ''
-  // 创始人
-  if (userRichType == 3) {
-    if (bangfu) {
-      return ['创始人', bangfu]
-    }
-    return ['创始人']
-    // return [].push()
-  }
+  // console.log('我是帮扶',bangfu);
+  
   // 普通用户
   if (userRichType == 0) {
-    if (bangfu) {
-      return ['用户', bangfu]
-    }
-    return ['用户']
+    // if (bangfu) {
+    //   return ['../../static/img-hy/帮扶中心.png', bangfu]
+    // }
+    return ['../../static/img-hy/用户.png']
   }
   // 会员
   if (userRichType == 1) {
-    if (bangfu) {
-      return ['会员', bangfu]
-    }
-    return ['会员']
+    // if (bangfu) {
+    //   return ['../../static/img-hy/帮扶中心.png', bangfu]
+    // }
+    return ['../../static/img-hy/会员.png']
 
   }
+    // 创始人
   if (userRichType == 3) {
-    if (bangfu) {
-      return ['创始人', bangfu]
-    }
-    return ['创始人']
+    // if (bangfu) {
+    //   return ['../../static/img-hy/帮扶中心.png', bangfu]
+    // }
+    return ['../../static/img-hy/创始人.png']
   }
   // 合伙人
   if (userRichType == 4) {
     // return '高级会员'
-    if (bangfu) {
-      return ['VIP', bangfu]
-    }
-    return ['VIP']
-  }
-  if (userRichType == 5) {
-    if (bangfu) {
-      return ['初始级合伙人', bangfu]
-    }
-    return ['初始级合伙人']
+    // if (bangfu) {
+    //   return ['../../static/img-hy/帮扶中心.png', bangfu]
+    // }
+    return ['../../static/img-hy/高级会员.png']
   }
-  if (userRichType == 6) {
-    if (bangfu) {
-      return ['中级合伙人', bangfu]
-    }
-    return ['中级合伙人']
+  if (userRichType == 8) {
+    // if (bangfu) {
+    //   return ['../../static/img-hy/帮扶中心.png', bangfu]
+    // }
+    return ['../../static/img-hy/合伙人.png']
   }
-  if (userRichType == 7) {
-    if (bangfu) {
-      return ['高级合伙人', bangfu]
-    }
-    return ['高级合伙人']
+  if (userRichType == 9) {
+    // if (bangfu) {
+    //   return ['../../static/img-hy/帮扶中心.png', bangfu]
+    // }
+    return ['../../static/img-hy/联合创始人.png']
   }
   if (!userRichType) {
-    if (bangfu) {
-      return ['用户', bangfu]
-    }
-    return ['用户']
+    // if (bangfu) {
+    //   return ['../../static/img-hy/帮扶中心.png', bangfu]
+    // }
+    return ['']
   }
 })
-/*
-const userType = computed(() => {
-  const userRichType = userStore.userInfo?.user_rich_type
-
-  // 创始人
-  if (userRichType == 3) {
-    return '创始人'
-  }
+//0:普通用户 1:股东
+const AlholderType = computed(() => {
+  const stockholder = userStore.userInfo?.stockholder
+  console.log('我是stockholder',userStore.userInfo.stockholder)
   // 普通用户
-  if (userRichType == 0) {
-    return '用户'
-  }
-  // 会员
-  if (userRichType == 1) {
-    return '会员'
+  if (stockholder == 0) {
+    return ['']
   }
-  if (userRichType == 3) {
-    return '创始人'
-  }
-  // 合伙人
-  if (userRichType == 4) {
-    // return '合伙人(VIP)'
-    return 'VIP'
+  // 股东
+  if (stockholder == 1) {
+    return ['../../static/img-hy/股东.png']
   }
-  if (userRichType == 5) {
-    return '初始级合伙人'
-  }
-  if (userRichType == 6) {
-    return '中级合伙人'
+  
+})
+// '':普通用户 district-区/县代 city-市代',
+const areaType = computed(() => {
+  const areamanage = userStore.userInfo?.area_manage_type
+  console.log('我是area_manage_type',userStore.userInfo.area_manage_type)
+  // 县/区代理
+  if (areamanage == 'district') {
+    return ['../../static/img-hy/区/县代理.png']
   }
-  if (userRichType == 7) {
-    return '高级合伙人'
+  // 市代理
+  if (areamanage == 'city') {
+    return ['../../static/img-hy/市级代理.png']
   }
-  if (!userRichType) {
-    return '用户'
+  //普通用户
+  if(!areamanage){
+    return['']
   }
+  
 })
-*/
 
 
-onLoad(async (option) => {
-  // console.log(option)
-  if (option && option.userType) {
-    currentType.value = [option.userType]
-  } else {
-    currentType.value = userType
-  }
+
+onLoad(async () => {
+
   await userStore.getUserInfo()
   await userStore.getUserYanglaoJin()
 })
@@ -229,10 +314,8 @@ function handleToVipPage() {
     <div class="flex flex-col gap-4 relative px-3 pb-safe">
       <div class="pt-5 ">
         <div class="flex gap-2 mb-2 text-white mb-6">
-          <image v-if="userStore.userInfo && userStore.userInfo.avatar" :src="userStore.userInfo.avatar"
-                 mode="widthFix"
-                 class="w-9 h-9 rounded-full"
-          ></image>
+          <image v-if="userStore.userInfo && userStore.userInfo.avatar" :src="userStore.userInfo.avatar" mode="widthFix"
+            class="w-9 h-9 rounded-full"></image>
 
           <div class="flex">
             <div class="flex flex-col">
@@ -246,51 +329,38 @@ function handleToVipPage() {
               </div>
             </div>
             <div class="flex gap-1 items-center px-1">
-              <div
-                  v-for="(item, index) in currentType"
-                  :key="index"
-                  class="flex rounded-full border border-solid border-1px border-yellow text-[12px] text-white w-12 h-5 justify-center items-center w-fit px-1">
-                {{ item }}
+              <div class="flex rounded-full  text-[12px] text-white w-12 h-5 justify-center items-center w-fit px-1">
+                <image class="vip_img" :src="userType" v-if="userType"></image>
+                <image class="vip_img" :src="AlholderType" v-if="AlholderType
+                  "></image>
+                <image class="vip_img" :src="areaType" v-if="areaType"></image>
               </div>
             </div>
-<!--            <div-->
-<!--                class="flex rounded-full border border-solid border-1px border-yellow text-[12px] text-white w-12 h-5 justify-center items-center w-fit px-1">-->
-<!--              {{ userType }}-->
-<!--            </div>-->
+            <!--            <div-->
+            <!--                class="flex rounded-full border border-solid border-1px border-yellow text-[12px] text-white w-12 h-5 justify-center items-center w-fit px-1">-->
+            <!--              {{ userType }}-->
+            <!--            </div>-->
           </div>
 
 
         </div>
         <div class="bg-white rounded flex flex-col gap-6 py-4 text-xl">
-          <div
-              v-if="userStore.userInfo"
-              class="flex flex-wrap">
-            <div
-                @tap="handleShowAnnuityDetail"
-                class="w-1/3 flex flex-col justify-center items-center"
-            >
+          <div v-if="userStore.userInfo" class="flex flex-wrap">
+            <div @tap="handleShowAnnuityDetail" class="w-1/3 flex flex-col justify-center items-center">
               <div>{{ userStore.yanglao.all_yanglao }}</div>
               <div class="text-xs">养老金</div>
             </div>
-            <div
-                @tap="handleShowMyInvitation"
-                class="w-1/3  flex flex-col justify-center items-center">
+            <div @tap="handleShowMyInvitation" class="w-1/3  flex flex-col justify-center items-center">
               <div>{{ agentInfo.brokerage_price ? agentInfo.brokerage_price : '0' }}</div>
               <div class="text-xs">我的佣金</div>
             </div>
-            <div
-                @tap="handleShowMyIntegral"
-                class="w-1/3  flex flex-col justify-center items-center">
+            <div @tap="handleShowMyIntegral" class="w-1/3  flex flex-col justify-center items-center">
               <div>{{ userStore.userInfo.score }}</div>
               <div class="text-xs">我的积分</div>
             </div>
           </div>
-          <div
-              v-if="userStore.userInfo"
-              class="flex">
-            <div
-                @click="handleToRedIntegral"
-                class="w-1/2 flex flex-col justify-center items-center">
+          <div v-if="userStore.userInfo" class="flex">
+            <div @click="handleToRedIntegral" class="w-1/2 flex flex-col justify-center items-center">
               <div>{{ userStore.userInfo.red }}</div>
               <div class="text-xs">红积分提现</div>
             </div>
@@ -304,22 +374,14 @@ function handleToVipPage() {
 
       </div>
 
-      <div
-          v-if="ruleDetail && ruleDetail.content && !showUpgradeInfo"
-          class="p-3 bg-white text-sm text-gray-500"
-      >
+      <div v-if="ruleDetail && ruleDetail.content && !showUpgradeInfo" class="p-3 bg-white text-sm text-gray-500">
         <mpHtml :content="ruleDetail.content"></mpHtml>
       </div>
-      <div
-          v-else
-          class="p-3 bg-white text-sm text-gray-500"
-      >
+      <div v-else class="p-3 bg-white text-sm text-gray-500">
         <mpHtml :content="ruleDetail.content" v-if="ruleDetail && ruleDetail.content"></mpHtml>
 
         <div class="flex justify-center items-center">
-          <nut-button
-              @click="handleToVipPage"
-              type="primary" size="small">立即开通</nut-button>
+          <nut-button @click="handleToVipPage" type="primary" size="small">立即开通</nut-button>
 
         </div>
       </div>
@@ -330,10 +392,8 @@ function handleToVipPage() {
         <div class="font-bold">还有更多奖励权益</div>
         <div class="flex justify-end">
 
-          <div
-              @click="handleUserUpgrade"
-              class="text-[12px] border border-solid border-1px rounded px-1 border-gray text-gray-600"
-          >了解更多奖励</div>
+          <div @click="handleUserUpgrade"
+            class="text-[12px] border border-solid border-1px rounded px-1 border-gray text-gray-600">了解更多奖励</div>
         </div>
       </div>
 
@@ -341,8 +401,6 @@ function handleToVipPage() {
 
     </div>
   </div>
-
-
 </template>
 
 <route lang="yaml">
@@ -355,7 +413,13 @@ style:
 </route>
 
 <style>
-page{
+page {
   background: #f5f5f5;
 }
+
+.vip_img {
+  width: 48px;
+  height: 24px;
+  margin-left: 2px;
+}
 </style>

src/pages/user/index.vue

@@ -235,70 +235,72 @@ function handleShowMyAllOrder(tab?: number) {
 const userType = computed(() => {
   const userRichType = userStore.userInfo?.user_rich_type
   // console.log(userStore.userInfo)
-  const bangfu = userStore.userInfo?.is_bangfu ? '帮扶中心 ' : ''
-  // 创始人
-  if (userRichType == 3) {
-    if (bangfu) {
-      return ['创始人', bangfu]
-    }
-    return ['创始人']
-    // return [].push()
-  }
   // 普通用户
   if (userRichType == 0) {
-    if (bangfu) {
-      return ['用户', bangfu]
-    }
-    return ['用户']
+    
+    return ['../../static/img-hy/用户.png']
   }
   // 会员
   if (userRichType == 1) {
-    if (bangfu) {
-      return ['会员', bangfu]
-    }
-    return ['会员']
+    
+    return ['../../static/img-hy/会员.png']
 
   }
   if (userRichType == 3) {
-    if (bangfu) {
-      return ['创始人', bangfu]
-    }
-    return ['创始人']
+   
+    return ['../../static/img-hy/创始人.png']
   }
-  // 合伙人
+  // 高级会员
   if (userRichType == 4) {
-    // return '高级会员'
-    if (bangfu) {
-      return ['VIP', bangfu]
-    }
-    return ['VIP']
-  }
-  if (userRichType == 5) {
-    if (bangfu) {
-      return ['初始级合伙人', bangfu]
-    }
-    return ['初始级合伙人']
+    
+    return ['../../static/img-hy/高级会员.png']
   }
-  if (userRichType == 6) {
-    if (bangfu) {
-      return ['中级合伙人', bangfu]
-    }
-    return ['中级合伙人']
+  if (userRichType == 8) {
+    
+    return ['../../static/img-hy/合伙人.png']
   }
-  if (userRichType == 7) {
-    if (bangfu) {
-      return ['高级合伙人', bangfu]
-    }
-    return ['高级合伙人']
+  if (userRichType == 9) {
+   
+    return ['../../static/img-hy/联合创始人.png']
   }
   if (!userRichType) {
-    if (bangfu) {
-      return ['用户', bangfu]
-    }
-    return ['用户']
+   
+    return ['']
+  }
+})
+
+//0:普通用户 1:股东
+const AlholderType = computed(() => {
+  const stockholder = userStore.userInfo?.stockholder
+  // 普通用户
+  if (stockholder == 0) {
+    return ['']
+  }
+  // 股东
+  if (stockholder == 1) {
+    return ['../../static/img-hy/股东.png']
+  }
+  
+})
+// '':普通用户 district-区/县代 city-市代',
+const areaType = computed(() => {
+  const areamanage = userStore.userInfo?.area_manage_type
+  // 县/区代理
+  if (areamanage == 'district') {
+    return ['../../static/img-hy/区/县代理.png']
+  }
+  // 市代理
+  if (areamanage == 'city') {
+    return ['../../static/img-hy/市级代理.png']
   }
+  //普通用户
+  if(!areamanage){
+    return['']
+  }
+  
 })
 
+
 function handleToRedIntegral() {
   uni.navigateTo({
     url: '/pages/red-integral/index'
@@ -333,9 +335,9 @@ function handleShowMyProfile() {
   })
 }
 
-function handleShowMyRulePage(item) {
+function handleShowMyRulePage() {
   uni.navigateTo({
-    url: `/pages/my-rules/index?userType=${item}`
+    url: `/pages/my-rules/index`
   })
 }
 </script>
@@ -357,24 +359,39 @@ function handleShowMyRulePage(item) {
               mode="widthFix"
               class="w-9 h-9 rounded-full"
           />
-          <div class="flex">
-            <div class="flex flex-col">
+          <div class="flex flex-col">
+            <div class="flex">
               <div class="text-sm">
                 <div class="text-sm" v-if="userStore.userInfo">
                   {{ userStore.userInfo.nickname ? userStore.userInfo.nickname : '登录' }}
                 </div>
               </div>
-              <div class="text-xs" v-if="userStore.userInfo && userStore.userInfo.phone">
+              <div class="text-sm flex-height " v-if="userStore.userInfo && userStore.userInfo.phone">
                 {{ encodePhone(userStore.userInfo.phone) }}
               </div>
             </div>
-            <div class="flex gap-1 items-center px-1">
+            <div class="btm flex gap-1 px-1">
+              <!-- 用户 -->
             <div
                 v-for="(item, index) in userType"
                 :key="index"
-                @click="handleShowMyRulePage(item)"
-                class="flex rounded-full border border-solid border-1px border-yellow text-[12px] text-white w-12 h-5 justify-center items-center w-fit px-1">
-              {{ item }}
+                @click="handleShowMyRulePage()"
+                class="flex rounded-full  text-[12px] text-white w-12 h-5  w-fit px-1">
+                <image class="vip_img"  :src="item" v-show="userType" ></image>
+            </div>
+            <!-- 市县代理 -->
+            <div
+                v-for="(item, index) in AlholderType"
+                :key="index"
+                class="flex rounded-full  text-[12px] text-white w-12 h-5  w-fit px-1">
+                <image class="vip_img"  :src="item" v-show="AlholderType" ></image>
+            </div>
+            <!-- 股东 -->
+            <div
+                v-for="(item, index) in areaType"
+                :key="index"
+                class="flex rounded-full  text-[12px] text-white w-12 h-5   w-fit px-1">
+                <image class="vip_img"  :src="item" v-show="areaType" ></image>
             </div>
             </div>
           </div>
@@ -539,6 +556,16 @@ function handleShowMyRulePage(item) {
 page {
   background-color: #f8f8f8;
 }
+.flex-height{
+  margin-left: 3px;
+}
+.btm{
+  margin-top:1px ;
+}
+.vip_img{
+  width:58px;
+  height: 29px;
+}
 </style>
 <route lang="yaml">
 style:

src/pages/vip/index.vue

@@ -1,124 +1,111 @@
 <template>
-<!--  <CXBBasePage :show="true" title="">-->
-
-    <div class="flex flex-col gap-3 ">
-      <div
-          class="overflow-hidden fixed top-0 w-full z-10"
-      >
-        <nut-searchbar
-            v-model="state.keyword" @search="loadList('reload')" @clear="loadList('reload')">
-          <!--      <template v-slot:leftout>-->
-          <!--        <div @tap="navBack">-->
-          <!--          <nut-icon name="left"></nut-icon>-->
-          <!--        </div>-->
-          <!--      </template>-->
-          <template v-slot:rightout>
-            <div @tap="loadList('reload')">
-              搜索
-            </div>
-          </template>
-        </nut-searchbar>
-      </div>
-<!--      <image :src="homeBanner" mode="widthFix" class="h-10 w-full "></image>-->
-
-      <div class="w-screen h-65">
-        <swiper
-            v-if="state.banners"
-            :indicator-dots="state.indicatorDots"
-            indicator-active-color="#e93323"
-            :autoplay="state.autoplay"
-            :circular="state.circular"
-            :interval="state.interval"
-            :duration="state.duration"
-            class="w-full h-full"
-        >
-          <swiper-item v-for="(item, index) in state.banners" :key="index">
-            <image :src="item.pic" class="!w-full !h-full" mode="aspectFill"/>
-          </swiper-item>
-        </swiper>
-      </div>
+  <!--  <CXBBasePage :show="true" title="">-->
+
+  <div class="flex flex-col gap-3 ">
+    <div style="background-color: transparent" class="overflow-hidden fixed top-0 w-full z-10">
+      <nut-searchbar v-model="state.keyword" @search="loadList('reload')" @clear="loadList('reload')">
+        <!--      <template v-slot:leftout>-->
+        <!--        <div @tap="navBack">-->
+        <!--          <nut-icon name="left"></nut-icon>-->
+        <!--        </div>-->
+        <!--      </template>-->
+        <template v-slot:rightout>
+          <div @tap="loadList('reload')">
+            搜索
+          </div>
+        </template>
+      </nut-searchbar>
+    </div>
+    <div></div>
+    <!--      <image :src="homeBanner" mode="widthFix" class="h-10 w-full "></image>-->
+
+    <div class="w-screen h-45">
+      <swiper v-if="state.banners" :indicator-dots="state.indicatorDots" indicator-active-color="#e93323"
+        :autoplay="state.autoplay" :circular="state.circular" :interval="state.interval" :duration="state.duration"
+        class="w-full h-full">
+        <swiper-item v-for="(item, index) in state.banners" :key="index">
+          <image :src="item.pic" class="!w-full !h-full" mode="	aspectFit" />
+        </swiper-item>
+      </swiper>
+    </div>
 
-      <div class="flex px-3">
-        会员专区
-      </div>
-      <div  class="px-3" v-if="list && list.length > 0">
-        <grid-view type="masonry" cross-axis-count="2" 	cross-axis-gap="10px" main-axis-gap="10px">
-          <div v-for="(item, index) in list"
-               :key="index"
-               @click="handleItemClick(item)"
-          >
-            <div
-                class="bg-white rounded-lg"
-            >
-              <image :src="item.image" mode="widthFix" 	:fade-in="true" class="rounded-t-lg  !w-full aspect-square"></image>
-
-              <div class="text-sm p-2 flex flex-col gap-1">
-                <div class="line-clamp-1">
-                  {{item.store_name}}
-                </div>
-                <div class="border border-solid border-1 border-red rounded flex text-xs items-center text-[#FE0032] w-fit">
-                  <image src="https://cdn.bjtdba.com/vod/image/2023-09-15/20230915160858609.png"
-                         mode="widthFix" class="!w-8 "></image>
-                  <div class="px-2 flex items-center jusitify-center">
-                    <div>
-                      养老金 ¥{{item.yanglao}}
-                    </div>
+    <div class="flex px-3">
+      会员专区
+    </div>
+    <div class="px-3" v-if="list && list.length > 0">
+      <grid-view type="masonry" cross-axis-count="2" cross-axis-gap="10px" main-axis-gap="10px">
+        <div v-for="(item, index) in list" :key="index" @click="handleItemClick(item)">
+          <div class="bg-white rounded-lg">
+            <image :src="item.image" mode="widthFix" :fade-in="true" class="rounded-t-lg  !w-full aspect-square"></image>
+
+            <div class="text-sm p-2 flex flex-col gap-1">
+              <div class="line-clamp-1">
+                {{ item.store_name }}
+              </div>
+              <div class="border border-solid border-1 border-red rounded flex text-xs items-center text-[#FE0032] w-fit">
+                <image src="https://cdn.bjtdba.com/vod/image/2023-09-15/20230915160858609.png" mode="widthFix"
+                  class="!w-8 "></image>
+                <div class="px-2 flex items-center jusitify-center">
+                  <div>
+                    养老金 ¥{{ item.yanglao }}
                   </div>
                 </div>
-                <div class="flex flex-row items-center gap-2">
-                  <div class="flex text-[#FE0032] font-bold text-lg">
-                    <div>
-                      ￥
-                    </div>
-                    <div>
-                      {{ item.price }}
-                    </div>
-
+              </div>
+              <div class="flex flex-row items-center gap-2">
+                <div class="flex text-[#FE0032] font-bold text-lg">
+                  <div>
+                    ￥
                   </div>
-
-                  <div class="bg-[#202020] text-[#FFDD99] rounded-t-lg rounded-br-lg text-10px leading-none px-1 flex items-center justify-center h-4">
-
-                    <div>
-                      大仓
-                    </div>
+                  <div>
+                    {{ item.price }}
                   </div>
 
                 </div>
 
-                <div class="line-through text-xs font-bold flex ">
+                <div
+                  class="bg-[#202020] text-[#FFDD99] rounded-t-lg rounded-br-lg text-10px leading-none px-1 flex items-center justify-center h-4">
+
                   <div>
-                    ¥ {{item.ot_price}}
+                    大仓
                   </div>
                 </div>
+
               </div>
-            </div>
 
+              <div class="line-through text-xs font-bold flex ">
+                <div>
+                  ¥ {{ item.ot_price }}
+                </div>
+              </div>
+            </div>
           </div>
-        </grid-view>
-        <div class="pb-safe flex justify-center items-center text-[12px] text-gray-500" >
-          <div v-if="state.status === 'loading'">
-            加载中...
-          </div>
-          <div v-if="state.status === 'noMore'">
-            没有更多了～
-          </div>
+
+        </div>
+      </grid-view>
+      <div class="pb-safe flex justify-center items-center text-[12px] text-gray-500">
+        <div v-if="state.status === 'loading'">
+          加载中...
+        </div>
+        <div v-if="state.status === 'noMore'">
+          没有更多了～
         </div>
       </div>
-      <CXBEmpty v-else/>
     </div>
+    <CXBEmpty v-else />
+  </div>
 
-<!--  </CXBBasePage>-->
+  <!--  </CXBBasePage>-->
 </template>
 
 <script setup lang="ts">
 import CXBBasePage from "~/components/CXBBasePage/CXBBasePage.vue";
 import FSearch from "~/components/FSearch/FSearch.vue";
-import {computed} from "vue";
-import {getVipAreaList} from "~/apis/merchant";
-import {CDN_URL} from "~/config/app";
+import { computed } from "vue";
+import { getVipAreaList } from "~/apis/merchant";
+import { CDN_URL } from "~/config/app";
 import CXBEmpty from "~/components/CXBEmpty/CXBEmpty.vue";
-import {getHomeBanner, getProductShare} from "~/apis/common";
-import {useUserStore} from "~/stores/userStore";
+import { getHomeBanner, getProductShare } from "~/apis/common";
+import { useUserStore } from "~/stores/userStore";
 import Cache from "~/utils/cache";
 
 const homeBanner = CDN_URL + '/static/assets/home-banner.png'
@@ -139,7 +126,7 @@ const state = reactive({
   totalPage: 1,
   banners: [],
 
-  keyword: '' ,
+  keyword: '',
   status: 'noMore',
   indicatorDots: true,
   circular: true,
@@ -255,7 +242,7 @@ onPullDownRefresh(() => {
 
 <route lang="yaml">
 style:
-  navigationBarTitleText: 储蓄保会员
+  navigationBarTitleText: 一壶茶会员中心
   enablePullDownRefresh: true
 </route>
 <style>