Skip to content

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

更改弹框布局

parent 02bcd12a
Show whitespace changes
Inline Side-by-side
Showing with 232 additions and 152 deletions
src/views/strategy/index.vue
View file @ 03cd51f9
...@@ -123,71 +123,64 @@ ...@@ -123,71 +123,64 @@
><span class="usePointThree">{{ crmIntegral }}</span ><span class="usePointThree">{{ crmIntegral }}</span
><span class="usePointFour">积分</span> ><span class="usePointFour">积分</span>
</div> </div>
<div v-if="ifexchange" class="exchange"> <div v-if="!ifexchange" class="exchange">
<span @click="sure">立即兑换</span> <span @click="sure">立即兑换</span>
</div> </div>
<div v-if="!ifexchange" class="exchangeTwo"> <div v-if="ifexchange" class="exchangeTwo">
<span>立即兑换</span> <span>立即兑换1</span>
</div> </div>
</van-popup> </van-popup>
<!-- 弹出层 声明--> <!-- 弹出层 声明-->
<van-popup v-model="po_show" position="bottom" :style="{}"> <!-- 免责声明弹出层 -->
<div class="b_user" v-if="is_showlive"> <van-popup v-model="disclaimerShow" position="bottom" :style="{ height: '70%'}" style="border-radius:0.5rem 0.5rem 0 0;">
<div class="text_p">免责声明</div> <div class="popup-title" style="text-align: center; ">
<div class="user_p"> <span style="font-size: 0.5rem;
<div font-weight: bold;">免责声明</span>
ref="scrollContainer" <!-- <span style="font-size: 0.3rem;color:gray;display:block">热点股票强度深度建模后优选好股票</span> -->
style="overflow-y: auto; height: 200px; position: relative"
@scroll="checkScroll"
>
<!-- 这里是长内容 -->
<p>
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
</p>
</div> </div>
<div> <div class="disclaimerBox" @scroll="handleScroll">
<!-- 点击 --> <span>
<button 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
type="default" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
v-if="isshowButton" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
@click="is_scrollToTop" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
class="bu_p" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
下滑至底部并同意 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</button> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
<button 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
type="default" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
v-if="showButton" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
@click="scrollToTop()" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
class="con_P" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
我已知晓并同意
</button> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</span>
</div>
<div v-if="!bottomBtnShow" class="disclaimerBottom">
<span>下滑至底部并同意</span>
</div> </div>
<div v-if="bottomBtnShow" @click="agreeBtn()" class="disclaimerBottomTwo">
<span>我已知晓并同意</span>
</div> </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> </div>
<div v-if="!ifexchange" class="exchangeTwo">
<span>立即兑换</span>
</div> -->
</van-popup> </van-popup>
<div></div> <div></div>
</div> </div>
...@@ -219,13 +212,15 @@ export default { ...@@ -219,13 +212,15 @@ export default {
checkList: [], checkList: [],
ifexchange: true, ifexchange: true,
po_show: false, po_show: false,
is_showlive: false,
isshowButton: true, isshowButton: true,
showButton: false, showButton: false,
scrollThreshold: 100, // 滚动阈值 scrollThreshold: 100, // 滚动阈值
monthNum: "", monthNum: "",
useIntegrationTotal: "", useIntegrationTotal: "",
productTypeCode: "", productTypeCode: "",
disclaimerShow:false,
bottomBtnShow:false,
}; };
}, },
created() { created() {
...@@ -250,6 +245,21 @@ export default { ...@@ -250,6 +245,21 @@ export default {
const seconds = date.getSeconds().toString().padStart(2, '0'); const seconds = date.getSeconds().toString().padStart(2, '0');
return `${year}-${month}-${day}${hours}:${minutes}:${seconds}`; return `${year}-${month}-${day}${hours}:${minutes}:${seconds}`;
}, },
//免责声明弹窗
exchangeBtn(){
this.disclaimerShow=true
this.show=false
},
handleScroll(event){
const { scrollTop, clientHeight, scrollHeight } = event.target;
// console.log("这是下滑",scrollTop)
if (scrollTop + clientHeight >= scrollHeight - 1) {
console.log('已经下滑到底部');
this.bottomBtnShow=true
// 执行到达底部后的操作
}
},
getselected() { getselected() {
let params = { let params = {
productId: this.detInfo.id, productId: this.detInfo.id,
...@@ -328,11 +338,9 @@ export default { ...@@ -328,11 +338,9 @@ export default {
is_scrollToTop() { is_scrollToTop() {
this.$refs.scrollContainer.scrollTop = 0; this.$refs.scrollContainer.scrollTop = 0;
}, },
scrollToTop() { agreeBtn() {
console.log(this.productTypeCode, 11111);
this.$refs.scrollContainer.scrollTop != 0;
this.showButton = true;
this.showButton = true;
let params = { let params = {
clientAppType: "H5", clientAppType: "H5",
investProductId: this.detInfo.id, investProductId: this.detInfo.id,
...@@ -353,18 +361,21 @@ export default { ...@@ -353,18 +361,21 @@ export default {
}); });
}, },
sure() { sure() {
this.is_showlive = true;
this.show = false;
this.po_show = true;
this.disclaimerShow=true
this.show=false;
}, },
//选择积分 //选择积分
clickBox(val) { clickBox(val) {
if (this.crmIntegral >= this.checkList[val].point) { if (this.crmIntegral >= this.checkList[val].point) {
this.monthNum = this.checkList[val].count; this.monthNum = this.checkList[val].count;
this.useIntegrationTotal = this.checkList[val].point; this.useIntegrationTotal = this.checkList[val].point;
this.ifexchange = true;
} else {
this.ifexchange = false; this.ifexchange = false;
} else {
this.ifexchange = true;
} }
// this.checkList.forEach((i, index) => { // this.checkList.forEach((i, index) => {
// if (checkList.val.point == i.id) { // if (checkList.val.point == i.id) {
...@@ -661,6 +672,17 @@ export default { ...@@ -661,6 +672,17 @@ export default {
font-size: 0.4rem; font-size: 0.4rem;
margin: 3rem auto; margin: 3rem auto;
} }
.disclaimerBottomTwo{
width: 38%;
height: 0.8rem;
margin: 0.5rem auto;
background-color: rgb(226, 74, 68);
color: white;
border-radius: 0.2rem;
text-align: center;
line-height: 0.8rem;
font-size: 0.3rem;
}
.b_user { .b_user {
width: 100%; width: 100%;
height: 402px; height: 402px;
...@@ -719,4 +741,25 @@ export default { ...@@ -719,4 +741,25 @@ export default {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.disclaimerBox{
width: 90%;
margin: 0 auto;
height: 12rem;
font-size: 0.3rem;
padding: 0.3rem;
overflow-y:scroll ;
}
.disclaimerBottom{
width: 38%;
height: 0.8rem;
margin: 0.5rem auto;
background-color: gray;
color: white;
border-radius: 0.2rem;
text-align: center;
line-height: 0.8rem;
font-size: 0.3rem;
}
</style> </style>
src/views/strategyversion/index.vue
View file @ 03cd51f9
<template> <template>
<div class=""> <div class="">
<div class="contain"> <div class="contain">
<van-nav-bar title="策略版" left-text="" @click-left="onClickLeft" /> <van-nav-bar title="" left-text="" @click-left="onClickLeft" />
<!-- <van-list <!-- <van-list
v-model="loading" v-model="loading"
...@@ -116,73 +116,64 @@ ...@@ -116,73 +116,64 @@
><span class="usePointThree">{{ crmIntegral }}</span ><span class="usePointThree">{{ crmIntegral }}</span
><span class="usePointFour">积分</span> ><span class="usePointFour">积分</span>
</div> </div>
<div v-if="ifexchange" class="exchange"> <div v-if="!ifexchange" class="exchange">
<span @click="sure">立即兑换</span> <span @click="sure">立即兑换</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>
<!-- 弹出层 声明--> <!-- 弹出层 声明-->
<van-popup v-model="po_show" position="bottom" :style="{}"> <van-popup v-model="disclaimerShow" position="bottom" :style="{ height: '70%'}" style="border-radius:0.5rem 0.5rem 0 0;">
<div class="b_user" v-if="is_showlive"> <div class="popup-title" style="text-align: center; ">
<div class="text_p">免责声明</div> <span style="font-size: 0.5rem;
<div class="user_p"> font-weight: bold;">免责声明</span>
<div <!-- <span style="font-size: 0.3rem;color:gray;display:block">热点股票强度深度建模后优选好股票</span> -->
ref="scrollContainer"
style="overflow-y: auto; height: 200px; position: relative"
@scroll="checkScroll"
>
<!-- 这里是长内容 -->
<p>
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
</p>
</div> </div>
<div> <div class="disclaimerBox" @scroll="handleScroll">
<!-- 点击 --> <span>
<button 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
type="default" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
v-if="isshowButton" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
@click="is_scrollToTop" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
class="bu_p" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
下滑至底部并同意 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</button> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
<button 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
type="default" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
v-if="showButton" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
@click="scrollToTop" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
class="con_P" 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
我已知晓并同意
</button> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</span>
</div>
<div v-if="!bottomBtnShow" class="disclaimerBottom">
<span>下滑至底部并同意</span>
</div> </div>
<div v-if="bottomBtnShow" @click="agreeBtn()" class="disclaimerBottomTwo">
<span>我已知晓并同意</span>
</div> </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> </div>
<div v-if="!ifexchange" class="exchangeTwo">
<span>立即兑换</span>
</div> -->
</van-popup> </van-popup>
<div></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -208,8 +199,6 @@ export default { ...@@ -208,8 +199,6 @@ export default {
showButton: false, showButton: false,
isshowButton: true, isshowButton: true,
scrollThreshold: 100, // 滚动阈值 scrollThreshold: 100, // 滚动阈值
is_showlive: false,
po_show: false,
loading: false, loading: false,
finished: false, finished: false,
checkList: [], checkList: [],
...@@ -217,6 +206,8 @@ export default { ...@@ -217,6 +206,8 @@ export default {
productTypeCode: "", productTypeCode: "",
loading: false, loading: false,
finished: false, finished: false,
bottomBtnShow:false,
disclaimerShow:false,
}; };
}, },
created() {}, created() {},
...@@ -254,8 +245,14 @@ export default { ...@@ -254,8 +245,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){
alert('系统维护中，请稍后再试')
} }
}); });
},
exchangeBtn(){
this.disclaimerShow=true
this.show=false
}, },
getsent() { getsent() {
let params = {}; let params = {};
...@@ -317,9 +314,9 @@ export default { ...@@ -317,9 +314,9 @@ export default {
if (this.crmIntegral >= this.checkList[val].point) { if (this.crmIntegral >= this.checkList[val].point) {
this.monthNum = this.checkList[val].count; this.monthNum = this.checkList[val].count;
this.useIntegrationTotal = this.checkList[val].point; this.useIntegrationTotal = this.checkList[val].point;
this.ifexchange = true;
} else {
this.ifexchange = false; this.ifexchange = false;
} else {
this.ifexchange = true;
} }
// this.checkList.forEach((i, index) => { // this.checkList.forEach((i, index) => {
// if (checkList.val.point == i.id) { // if (checkList.val.point == i.id) {
...@@ -342,10 +339,7 @@ export default { ...@@ -342,10 +339,7 @@ export default {
is_scrollToTop() { is_scrollToTop() {
this.$refs.scrollContainer.scrollTop = 0; this.$refs.scrollContainer.scrollTop = 0;
}, },
scrollToTop() { agreeBtn() {
this.$refs.scrollContainer.scrollTop != 0;
this.showButton = true;
let params = { let params = {
clientAppType: "H5", clientAppType: "H5",
investProductId: this.productId, investProductId: this.productId,
...@@ -367,18 +361,28 @@ export default { ...@@ -367,18 +361,28 @@ export default {
}); });
}, },
sure() { sure() {
this.is_showlive = true;
this.show = false;
this.po_show = true; this.disclaimerShow=true
this.show=false;
}, },
handleScroll(event) { // handleScroll(event) {
alert(1); // alert(1);
const { scrollTop, scrollHeight, clientHeight } = event.target; // const { scrollTop, scrollHeight, clientHeight } = event.target;
// 检查是否已滚动到底部 // // 检查是否已滚动到底部
if (scrollTop + clientHeight >= scrollHeight - 5 && !this.loadingMore) { // if (scrollTop + clientHeight >= scrollHeight - 5 && !this.loadingMore) {
// 留5px的缓冲区 // // 留5px的缓冲区
this.loadMoreData(); // this.loadMoreData();
// }
// },
handleScroll(event){
const { scrollTop, clientHeight, scrollHeight } = event.target;
// console.log("这是下滑",scrollTop)
if (scrollTop + clientHeight >= scrollHeight - 1) {
console.log('已经下滑到底部');
this.bottomBtnShow=true
// 执行到达底部后的操作
} }
}, },
onLoad() { onLoad() {
...@@ -394,7 +398,7 @@ export default { ...@@ -394,7 +398,7 @@ export default {
.van-nav-bar { .van-nav-bar {
position: relative; position: relative;
z-index: 1; z-index: 1;
background-color: #e03939;
-webkit-user-select: none; -webkit-user-select: none;
color: white; color: white;
user-select: none; user-select: none;
...@@ -665,4 +669,37 @@ export default { ...@@ -665,4 +669,37 @@ export default {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.disclaimerBox{
width: 90%;
margin: 0 auto;
height: 12rem;
font-size: 0.3rem;
padding: 0.3rem;
overflow-y:scroll ;
}
.disclaimerBottom{
width: 38%;
height: 0.8rem;
margin: 0.5rem auto;
background-color: gray;
color: white;
border-radius: 0.2rem;
text-align: center;
line-height: 0.8rem;
font-size: 0.3rem;
}
.disclaimerBottomTwo{
width: 38%;
height: 0.8rem;
margin: 0.5rem auto;
background-color: rgb(226, 74, 68);
color: white;
border-radius: 0.2rem;
text-align: center;
line-height: 0.8rem;
font-size: 0.3rem;
}
</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