Skip to content

R
revised-version-h5
Commit f18cb2a1 authored by jiaoyahui's avatar jiaoyahui
Browse files
Options

弹出层样式

parent ee2de728
Hide whitespace changes
Inline Side-by-side
Showing with 120 additions and 114 deletions
src/utils/request.js
View file @ f18cb2a1
...@@ -22,7 +22,7 @@ service.interceptors.request.use(config => { ...@@ -22,7 +22,7 @@ service.interceptors.request.use(config => {
// let token='eyJhbGciOiJIUzUxMiJ9.eyJleHAiOjE3MjczMzczOTksInN1YiI6IjQ4MjY2NiIsImlhdCI6MTcyNjczMjU5OX0._AjHstgu1OwRzIos66JEfJ8c3QRZVpteoJ8y1gxtUIs5sWjqt4-_S_eYWVezH_5IV3cHpYPoRpIfXgNsNJDiAA' // let token='eyJhbGciOiJIUzUxMiJ9.eyJleHAiOjE3MjczMzczOTksInN1YiI6IjQ4MjY2NiIsImlhdCI6MTcyNjczMjU5OX0._AjHstgu1OwRzIos66JEfJ8c3QRZVpteoJ8y1gxtUIs5sWjqt4-_S_eYWVezH_5IV3cHpYPoRpIfXgNsNJDiAA'
let token= localStorage.getItem("getToken") let token= localStorage.getItem("getToken")
......
src/views/strategy/index.vue
View file @ f18cb2a1
...@@ -127,12 +127,12 @@ ...@@ -127,12 +127,12 @@
<span @click="sure">立即兑换</span> <span @click="sure">立即兑换</span>
</div> </div>
<div v-if="ifexchange" class="exchangeTwo"> <div v-if="ifexchange" class="exchangeTwo">
<span>立即兑换1</span> <span>立即兑换</span>
</div> </div>
</van-popup> </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; "> <div class="popup-title" style="text-align: center; ">
<span style="font-size: 0.5rem; <span style="font-size: 0.5rem;
font-weight: bold;">免责声明</span> font-weight: bold;">免责声明</span>
...@@ -327,13 +327,13 @@ export default { ...@@ -327,13 +327,13 @@ export default {
} }
}); });
}, },
checkScroll() { // checkScroll() {
const scrollTop = this.$refs.scrollContainer.scrollTop; // const scrollTop = this.$refs.scrollContainer.scrollTop;
this.showButton = scrollTop > this.scrollThreshold; // this.showButton = scrollTop > this.scrollThreshold;
if (this.$refs.scrollContainer.scrollTop != 0) { // if (this.$refs.scrollContainer.scrollTop != 0) {
this.isshowButton = false; // this.isshowButton = false;
} // }
}, // },
is_scrollToTop() { is_scrollToTop() {
this.$refs.scrollContainer.scrollTop = 0; this.$refs.scrollContainer.scrollTop = 0;
...@@ -673,7 +673,7 @@ export default { ...@@ -673,7 +673,7 @@ export default {
margin: 3rem auto; margin: 3rem auto;
} }
.disclaimerBottomTwo{ .disclaimerBottomTwo{
width: 38%; width: 38%;
height: 0.8rem; height: 0.8rem;
margin: 0.5rem auto; margin: 0.5rem auto;
background-color: rgb(226, 74, 68); background-color: rgb(226, 74, 68);
...@@ -744,7 +744,7 @@ export default { ...@@ -744,7 +744,7 @@ export default {
.disclaimerBox{ .disclaimerBox{
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;
height: 12rem; height: 9rem;
font-size: 0.3rem; font-size: 0.3rem;
padding: 0.3rem; padding: 0.3rem;
overflow-y:scroll ; overflow-y:scroll ;
......
src/views/strategyversion/index.vue
View file @ f18cb2a1
...@@ -44,10 +44,11 @@ ...@@ -44,10 +44,11 @@
</van-list> --> </van-list> -->
<div class="user" v-for="(item, index) in getList" :key="index"> <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)"> <div class="uset_a" @click="tab_let(item)">
<span>{{ item.productName }}</span> <span>{{ item.productName }}</span>
<span class="num">{{ item.numberSubscriptions }}⼈订阅</span> <span class="num">{{ item.numberSubscriptions }}⼈订阅</span>
<div></div>
</div> </div>
<div> <div>
...@@ -61,6 +62,7 @@ ...@@ -61,6 +62,7 @@
<div class="read" @click="showPopup(item.id, item.productType)"> <div class="read" @click="showPopup(item.id, item.productType)">
解锁订阅 解锁订阅
</div> </div>
<div class="tab_sent" @click="tab_let(item)"></div>
</div> </div>
<div class="cont"> <div class="cont">
...@@ -124,56 +126,63 @@ ...@@ -124,56 +126,63 @@
</div> </div>
</van-popup> </van-popup>
<!-- 弹出层 声明--> <!-- 弹出层 声明-->
<van-popup v-model="disclaimerShow" position="bottom" :style="{ height: '70%'}" style="border-radius:0.5rem 0.5rem 0 0;"> <van-popup
<div class="popup-title" style="text-align: center; "> v-model="disclaimerShow"
<span style="font-size: 0.5rem; position="bottom"
font-weight: bold;">免责声明</span> style="border-radius: 0.5rem 0.5rem 0 0"
<!-- <span style="font-size: 0.3rem;color:gray;display:block">热点股票强度深度建模后优选好股票</span> --> >
</div> <div class="popup-title" style="text-align: center">
<div class="disclaimerBox" @scroll="handleScroll"> <span style="font-size: 0.5rem; font-weight: bold">免责声明</span>
<span> <!-- <span style="font-size: 0.3rem;color:gray;display:block">热点股票强度深度建模后优选好股票</span> -->
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 </div>
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 <div class="disclaimerBox" @scroll="handleScroll">
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 <span>
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</div> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
<div v-if="!bottomBtnShow" class="disclaimerBottom"> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
<span>下滑至底部并同意</span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</div> </span>
<div v-if="bottomBtnShow" @click="agreeBtn()" class="disclaimerBottomTwo"> </div>
<span>我已知晓并同意</span> <div v-if="!bottomBtnShow" class="disclaimerBottom">
</div> <span>下滑至底部并同意</span>
<!-- <div class="popup-title" style="margin-bottom:0.5rem"> </div>
<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> <span style="font-size: 0.4rem;">产品周期</span>
</div> --> </div> -->
<!-- <div v-if="ifexchange" class="exchange"> <!-- <div v-if="ifexchange" class="exchange">
<span>立即兑换</span> <span>立即兑换</span>
</div> </div>
<div v-if="!ifexchange" class="exchangeTwo"> <div v-if="!ifexchange" class="exchangeTwo">
<span>立即兑换</span> <span>立即兑换</span>
</div> --> </div> -->
</van-popup> </van-popup>
</div> </div>
</div> </div>
</div> </div>
...@@ -206,17 +215,17 @@ export default { ...@@ -206,17 +215,17 @@ export default {
productTypeCode: "", productTypeCode: "",
loading: false, loading: false,
finished: false, finished: false,
bottomBtnShow:false, bottomBtnShow: false,
disclaimerShow:false, disclaimerShow: false,
}; };
}, },
created() {}, created() {},
mounted() { mounted() {
 if(this.$route.query.token){ if (this.$route.query.token) {
localStorage.setItem("getToken",this.$route.query.token) localStorage.setItem("getToken", this.$route.query.token);
    } }
this.getsent(); this.getsent();
this.checkScroll(); // this.checkScroll();
if (this.crmIntegral >= this.checkList[0].point) { if (this.crmIntegral >= this.checkList[0].point) {
this.ifexchange = true; this.ifexchange = true;
} else { } else {
...@@ -245,14 +254,14 @@ export default { ...@@ -245,14 +254,14 @@ export default {
if (this.getList.length <= 0) { if (this.getList.length <= 0) {
this.finished = true; this.finished = true;
} }
}else if(res.data.code == 502){ } else if (res.data.code == 502) {
alert('系统维护中，请稍后再试') alert("系统维护中，请稍后再试");
} }
}); });
}, },
exchangeBtn(){ exchangeBtn() {
this.disclaimerShow=true this.disclaimerShow = true;
this.show=false this.show = false;
}, },
getsent() { getsent() {
let params = {}; let params = {};
...@@ -329,13 +338,13 @@ export default { ...@@ -329,13 +338,13 @@ export default {
// } // }
// }); // });
}, },
checkScroll() { // checkScroll() {
const scrollTop = this.$refs.scrollContainer.scrollTop; // const scrollTop = this.$refs.scrollContainer.scrollTop;
this.showButton = scrollTop > this.scrollThreshold; // this.showButton = scrollTop > this.scrollThreshold;
if (this.$refs.scrollContainer.scrollTop != 0) { // if (this.$refs.scrollContainer.scrollTop != 0) {
this.isshowButton = false; // this.isshowButton = false;
} // }
}, // },
is_scrollToTop() { is_scrollToTop() {
this.$refs.scrollContainer.scrollTop = 0; this.$refs.scrollContainer.scrollTop = 0;
}, },
...@@ -351,8 +360,7 @@ export default { ...@@ -351,8 +360,7 @@ export default {
this.server.newcrmqueryproduct(params).then((res) => { this.server.newcrmqueryproduct(params).then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
alert("兑换成功"); alert("兑换成功");
window.location.reload() window.location.reload();
} else if (res.data.code == 500) { } else if (res.data.code == 500) {
alert("网络错误，请稍后重试"); alert("网络错误，请稍后重试");
} else if (res.data.code == 600) { } else if (res.data.code == 600) {
...@@ -361,10 +369,8 @@ export default { ...@@ -361,10 +369,8 @@ export default {
}); });
}, },
sure() { sure() {
this.disclaimerShow = true;
this.show = false;
this.disclaimerShow=true
this.show=false;
}, },
// handleScroll(event) { // handleScroll(event) {
...@@ -376,12 +382,12 @@ export default { ...@@ -376,12 +382,12 @@ export default {
// this.loadMoreData(); // this.loadMoreData();
// } // }
// }, // },
handleScroll(event){ handleScroll(event) {
const { scrollTop, clientHeight, scrollHeight } = event.target; const { scrollTop, clientHeight, scrollHeight } = event.target;
// console.log("这是下滑",scrollTop) // console.log("这是下滑",scrollTop)
if (scrollTop + clientHeight >= scrollHeight - 1) { if (scrollTop + clientHeight >= scrollHeight - 1) {
console.log('已经下滑到底部'); console.log("已经下滑到底部");
this.bottomBtnShow=true this.bottomBtnShow = true;
// 执行到达底部后的操作 // 执行到达底部后的操作
} }
}, },
...@@ -398,7 +404,7 @@ export default { ...@@ -398,7 +404,7 @@ export default {
.van-nav-bar { .van-nav-bar {
position: relative; position: relative;
z-index: 1; z-index: 1;
-webkit-user-select: none; -webkit-user-select: none;
color: white; color: white;
user-select: none; user-select: none;
...@@ -476,7 +482,6 @@ export default { ...@@ -476,7 +482,6 @@ export default {
text-align: center; text-align: center;
display: block; display: block;
background: #e03939; background: #e03939;
line-height: 28px;
margin-left: 10px; margin-left: 10px;
} }
.read { .read {
...@@ -632,7 +637,7 @@ export default { ...@@ -632,7 +637,7 @@ export default {
} }
.bu_p { .bu_p {
position: absolute; position: absolute;
bottom:15%; bottom: 15%;
width: 41%; width: 41%;
height: 30px; height: 30px;
border-radius: 20px; border-radius: 20px;
...@@ -669,37 +674,38 @@ export default { ...@@ -669,37 +674,38 @@ export default {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.disclaimerBox{ .disclaimerBox {
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;
height: 12rem; height: 9rem;
font-size: 0.3rem; font-size: 0.3rem;
padding: 0.3rem; padding: 0.3rem;
overflow-y:scroll ; overflow-y: scroll;
}
.disclaimerBottom {
} width: 38%;
.disclaimerBottom{ height: 0.8rem;
width: 38%; margin: 0.5rem auto;
height: 0.8rem; background-color: gray;
margin: 0.5rem auto; color: white;
background-color: gray; border-radius: 0.2rem;
color: white; text-align: center;
border-radius: 0.2rem; line-height: 0.8rem;
text-align: center; font-size: 0.3rem;
line-height: 0.8rem; }
font-size: 0.3rem; .disclaimerBottomTwo {
}
.disclaimerBottomTwo{
width: 38%; width: 38%;
height: 0.8rem; height: 0.8rem;
margin: 0.5rem auto; margin: 0.5rem auto;
background-color: rgb(226, 74, 68); background-color: rgb(226, 74, 68);
color: white; color: white;
border-radius: 0.2rem; border-radius: 0.2rem;
text-align: center; text-align: center;
line-height: 0.8rem; line-height: 0.8rem;
font-size: 0.3rem; font-size: 0.3rem;
} }
.tab_sent {
width: 90%;
height: 45px;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment