1

src/App.vue

@@ -14,6 +14,7 @@ import PageLoading from '@/components/PageLoading.vue'
 html {
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
+  
 }
 
 body {
@@ -24,6 +25,7 @@ body {
   -moz-osx-font-smoothing: grayscale;
   user-select: none;
   -webkit-user-select: none;
+  
 }
 
 .app {

src/components.d.ts

@@ -36,15 +36,12 @@ declare module 'vue' {
     VanSteps: typeof import('vant/es')['Steps']
     VanTag: typeof import('vant/es')['Tag']
     VanUploader: typeof import('vant/es')['Uploader']
-    VarArea: typeof import('@varlet/ui')['Area']
     VarButton: typeof import('@varlet/ui')['Button']
     VarForm: typeof import('@varlet/ui')['Form']
     VarIcon: typeof import('@varlet/ui')['Icon']
     VarInput: typeof import('@varlet/ui')['Input']
-    VarOption: typeof import('@varlet/ui')['Option']
     VarRadio: typeof import('@varlet/ui')['Radio']
     VarRadioGroup: typeof import('@varlet/ui')['RadioGroup']
-    VarSelect: typeof import('@varlet/ui')['Select']
     VarSpace: typeof import('@varlet/ui')['Space']
     VarSwitch: typeof import('@varlet/ui')['Switch']
     VarTab: typeof import('@varlet/ui')['Tab']

src/views/xbgz/buylist.vue

@@ -92,7 +92,15 @@ const resetList = () => {
   loading.value = false;
   total.value = 0;
 };
+const userInfo = ref(JSON.parse(sessionStorage.getItem('userInfo') || '{}'))
 const handleDetail = (id: number) => {
+  if (userInfo.value.extend1 != 3) {
+    showFailToast("请先完成开户操作");
+    setTimeout(() => {
+      router.replace("/xbxz");
+    }, 2000);
+    return;
+  }
   router.push(`/xbgz/bldetail?id=${id}`);
 };
 usePageHook({
@@ -131,7 +139,9 @@ usePageHook({
         </div>
 
         <div class="detail-btn">
-          <van-button type="danger" v-ripple @click="handleDetail(item.a2)" block>详情</van-button>
+          <van-button type="danger" v-ripple @click="handleDetail(item.a2)" block>
+            {{ userInfo.extend1 != 3 ? '请先完成开户操作' : '详情' }}
+          </van-button>
         </div>
       </div>
 

src/views/xbxz/index.vue

@@ -7,9 +7,15 @@
     <div class="ultraman_logo_blk">
       <img class="ultraman_logo" src="@/static/home/bi.png" alt="" />
     </div>
-
+    <div class="content_blk_warp">
       <div class="ultraman_content_blk">
-      <img class="content-img" src="@/static/xbxz/syq.png" alt="" />
+      <div class="ultraman_foot_content">
+        习币交易所正式启动！请进入交易所开始习币抛售交易、限时入仓提现！请拥有开户名额的用户尽快完成开户操作！下级成功开户可立获国家现金返佣奖励！完成开户后进入习币交易所可免费持币入仓获得更多习币、提现每日现金分红！
+      </div>
+      <div class="ultraman_foot_time">
+        分红持续时间：至2035年
+      </div>
+    </div>
     <div class="ultraman_btn" @click="handleApply">
       {{ userInfo.extend1 == 2 ? '立即开户' :
         userInfo.extend1 == 3 ? '开户成功' :
@@ -19,6 +25,7 @@
     <div class="ultraman_foot">
       <img src="@/static/xbgz/gongan.png" alt="" />
     </div>
+
     <LandscapePopup ref="popup" :type="popupType" />
   </div>
 </template>
@@ -71,7 +78,7 @@ usePageHook({
 
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 /* 继承基础样式 */
 *,
 *::before,
@@ -113,18 +120,37 @@ usePageHook({
   margin: 0 auto;
   margin-top: 20px;
 }
-
-.ultraman_content_blk {
+.content_blk_warp{
   width: 88%;
   margin: 0 auto;
   margin-top: 20px;
   border-radius: 15px;
-  background-color: #fefefe;
-  padding: 20px;
+  padding: 20px 10px;
+  background-color: #fff;
+}
+.ultraman_content_blk {
+ 
+  padding: 70px 40px 150px;
   position: relative;
   display: flex;
   flex-direction: column;
-  align-items: center;
+  background: url('@/static/xbxz/syq.png');
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  font-family: monospace;
+  .ultraman_foot_content {
+    font-size: 14px;
+    line-height: 16px;
+    color: #333;
+    font-weight: 500;
+    margin-bottom: 10px;
+  }
+
+  .ultraman_foot_time {
+    font-size: 14px;
+    line-height: 16px;
+    color: #333;
+  }
 }
 
 .content-img {
@@ -133,19 +159,16 @@ usePageHook({
 }
 
 .ultraman_btn {
+  width: 70%;
+  margin: 10px auto 0;
   font-size: 16px;
   font-weight: bold;
-  line-height: 18px;
-  padding: 12px 36px;
+  line-height: 36px;
   text-align: center;
   letter-spacing: 1.3px;
   color: #fff;
-  text-shadow: 1px 1px 0 rgba(107, 107, 107, 0.3),
-    2px 2px 0 rgba(101, 101, 101, 0.2);
-  background: url('@/static/xbxz/shenqing.png');
+  background: url('@/static/xbxz/shenqing.png') no-repeat;
   background-size: 100% 100%;
-  background-repeat: no-repeat;
-  cursor: pointer;
 }
 
 .ultraman_foot {
@@ -153,6 +176,11 @@ usePageHook({
   margin: 0 auto;
   margin-top: 1rem;
   text-align: center;
+  background: url('@/static/xbxz/gongan.png');
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+
+
 }
 
 .ultraman_foot img {