弹出层样式

src/views/strategy/index.vue

@@ -127,12 +127,12 @@
           <span @click="sure">立即兑换</span>
         </div>
         <div v-if="ifexchange" class="exchangeTwo">
-          <span>立即兑换1</span>
+          <span>立即兑换</span>
         </div>
       </van-popup>
       <!-- 弹出层  声明-->
          <!-- 免责声明弹出层 -->
-    <van-popup v-model="disclaimerShow" position="bottom"  :style="{ height: '70%'}" style="border-radius:0.5rem 0.5rem 0 0;">
+    <van-popup v-model="disclaimerShow" position="bottom"   style="border-radius:0.5rem 0.5rem 0 0;">
       <div class="popup-title" style="text-align: center; ">
 <span style="font-size: 0.5rem;
     font-weight: bold;">免责声明</span>
@@ -327,13 +327,13 @@ export default {
         }
       });
     },
-    checkScroll() {
-      const scrollTop = this.$refs.scrollContainer.scrollTop;
-      this.showButton = scrollTop > this.scrollThreshold;
-      if (this.$refs.scrollContainer.scrollTop != 0) {
-        this.isshowButton = false;
-      }
-    },
+    // checkScroll() {
+    //   const scrollTop = this.$refs.scrollContainer.scrollTop;
+    //   this.showButton = scrollTop > this.scrollThreshold;
+    //   if (this.$refs.scrollContainer.scrollTop != 0) {
+    //     this.isshowButton = false;
+    //   }
+    // },
 
     is_scrollToTop() {
       this.$refs.scrollContainer.scrollTop = 0;
@@ -744,7 +744,7 @@ export default {
 .disclaimerBox{
    width: 90%;
   margin: 0 auto;
-  height: 12rem;
+  height: 9rem;
   font-size: 0.3rem;
   padding: 0.3rem;
   overflow-y:scroll ;

src/views/strategyversion/index.vue

@@ -44,10 +44,11 @@
 </van-list> -->
 
       <div class="user" v-for="(item, index) in getList" :key="index">
-        <div class="sre_p"  @click="tab_let(item)">
+        <div class="sre_p">
           <div class="uset_a" @click="tab_let(item)">
             <span>{{ item.productName }}</span>
             <span class="num">{{ item.numberSubscriptions }}⼈订阅</span>
+            <div></div>
           </div>
 
           <div>
@@ -61,6 +62,7 @@
           <div class="read" @click="showPopup(item.id, item.productType)">
             解锁订阅
           </div>
+          <div class="tab_sent" @click="tab_let(item)"></div>
         </div>
 
         <div class="cont">
@@ -124,15 +126,21 @@
           </div>
         </van-popup>
         <!-- 弹出层  声明-->
-           <van-popup v-model="disclaimerShow" position="bottom"  :style="{ height: '70%'}" style="border-radius:0.5rem 0.5rem 0 0;">
-      <div class="popup-title" style="text-align: center; ">
-<span style="font-size: 0.5rem;
-    font-weight: bold;">免责声明</span>
+        <van-popup
+          v-model="disclaimerShow"
+          position="bottom"
+          style="border-radius: 0.5rem 0.5rem 0 0"
+        >
+          <div class="popup-title" style="text-align: center">
+            <span style="font-size: 0.5rem; font-weight: bold">免责声明</span>
             <!-- <span style="font-size: 0.3rem;color:gray;display:block">热点股票强度深度建模后优选好股票</span> -->
           </div>
           <div class="disclaimerBox" @scroll="handleScroll">
             <span>
-          哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
+              哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
+              哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
+              哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
+              哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
@@ -146,11 +154,9 @@
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
-
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
-          哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
               哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
@@ -159,14 +165,17 @@
           <div v-if="!bottomBtnShow" class="disclaimerBottom">
             <span>下滑至底部并同意</span>
           </div>
-      <div v-if="bottomBtnShow" @click="agreeBtn()"  class="disclaimerBottomTwo">
+          <div
+            v-if="bottomBtnShow"
+            @click="agreeBtn()"
+            class="disclaimerBottomTwo"
+          >
             <span>我已知晓并同意</span>
           </div>
           <!-- <div class="popup-title" style="margin-bottom:0.5rem">
 <span style="font-size: 0.4rem;">产品周期</span>
       </div> -->
 
-
           <!-- <div v-if="ifexchange" class="exchange">
         <span>立即兑换</span>
       </div>
@@ -206,17 +215,17 @@ export default {
       productTypeCode: "",
       loading: false,
       finished: false,
-      bottomBtnShow:false,
-      disclaimerShow:false,
+      bottomBtnShow: false,
+      disclaimerShow: false,
     };
   },
   created() {},
   mounted() {
-     if(this.$route.query.token){
-       localStorage.setItem("getToken",this.$route.query.token)
-    }       
+    if (this.$route.query.token) {
+      localStorage.setItem("getToken", this.$route.query.token);
+    }
     this.getsent();
-    this.checkScroll();
+    // this.checkScroll();
     if (this.crmIntegral >= this.checkList[0].point) {
       this.ifexchange = true;
     } else {
@@ -245,14 +254,14 @@ export default {
           if (this.getList.length <= 0) {
             this.finished = true;
           }
-        }else if(res.data.code == 502){
-           alert('系统维护中，请稍后再试')
+        } else if (res.data.code == 502) {
+          alert("系统维护中，请稍后再试");
         }
       });
     },
-     exchangeBtn(){
-      this.disclaimerShow=true
-      this.show=false
+    exchangeBtn() {
+      this.disclaimerShow = true;
+      this.show = false;
     },
     getsent() {
       let params = {};
@@ -329,13 +338,13 @@ export default {
       // }
       // });
     },
-    checkScroll() {
-      const scrollTop = this.$refs.scrollContainer.scrollTop;
-      this.showButton = scrollTop > this.scrollThreshold;
-      if (this.$refs.scrollContainer.scrollTop != 0) {
-        this.isshowButton = false;
-      }
-    },
+    // checkScroll() {
+    //   const scrollTop = this.$refs.scrollContainer.scrollTop;
+    //   this.showButton = scrollTop > this.scrollThreshold;
+    //   if (this.$refs.scrollContainer.scrollTop != 0) {
+    //     this.isshowButton = false;
+    //   }
+    // },
     is_scrollToTop() {
       this.$refs.scrollContainer.scrollTop = 0;
     },
@@ -351,8 +360,7 @@ export default {
       this.server.newcrmqueryproduct(params).then((res) => {
         if (res.data.code == 200) {
           alert("兑换成功");
-          window.location.reload()
-          
+          window.location.reload();
         } else if (res.data.code == 500) {
           alert("网络错误，请稍后重试");
         } else if (res.data.code == 600) {
@@ -361,10 +369,8 @@ export default {
       });
     },
     sure() {
-      
-      
-      this.disclaimerShow=true
-      this.show=false;
+      this.disclaimerShow = true;
+      this.show = false;
     },
 
     // handleScroll(event) {
@@ -376,12 +382,12 @@ export default {
     //     this.loadMoreData();
     //   }
     // },
-       handleScroll(event){
+    handleScroll(event) {
       const { scrollTop, clientHeight, scrollHeight } = event.target;
       // console.log("这是下滑",scrollTop)
       if (scrollTop + clientHeight >= scrollHeight - 1) {
-        console.log('已经下滑到底部');
-        this.bottomBtnShow=true
+        console.log("已经下滑到底部");
+        this.bottomBtnShow = true;
         // 执行到达底部后的操作
       }
     },
@@ -476,7 +482,6 @@ export default {
   text-align: center;
   display: block;
   background: #e03939;
-  line-height: 28px;
   margin-left: 10px;
 }
 .read {
@@ -632,7 +637,7 @@ export default {
 }
 .bu_p {
   position: absolute;
-  bottom:15%;
+  bottom: 15%;
   width: 41%;
   height: 30px;
   border-radius: 20px;
@@ -669,17 +674,15 @@ export default {
   width: 100%;
   text-align: center;
 }
-.disclaimerBox{
+.disclaimerBox {
   width: 90%;
   margin: 0 auto;
-  height: 12rem;
+  height: 9rem;
   font-size: 0.3rem;
   padding: 0.3rem;
-  overflow-y:scroll ;
-  
-  
+  overflow-y: scroll;
 }
-.disclaimerBottom{
+.disclaimerBottom {
   width: 38%;
   height: 0.8rem;
   margin: 0.5rem auto;
@@ -690,7 +693,7 @@ export default {
   line-height: 0.8rem;
   font-size: 0.3rem;
 }
-.disclaimerBottomTwo{
+.disclaimerBottomTwo {
   width: 38%;
   height: 0.8rem;
   margin: 0.5rem auto;
@@ -701,5 +704,8 @@ export default {
   line-height: 0.8rem;
   font-size: 0.3rem;
 }
- 
+.tab_sent {
+  width: 90%;
+  height: 45px;
+}
 </style>