Skip to content

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

更改弹框布局

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