Skip to content

R
revised-version-h5
Commit 96d56d73 authored by mengqr's avatar mengqr
Browse files
Options

Merge branch 'master' of http://git.douniu8.com/mengqr/revised-version-h5

parents 50f2498d f18cb2a1
Hide whitespace changes
Inline Side-by-side
Showing with 261 additions and 173 deletions
src/utils/request.js
View file @ 96d56d73
...@@ -24,6 +24,8 @@ service.interceptors.request.use(config => { ...@@ -24,6 +24,8 @@ 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")
// let token='eyJhbGciOiJIUzUxMiJ9.eyJleHAiOjE3MjczMzczOTksInN1YiI6IjQ4MjY2NiIsImlhdCI6MTcyNjczMjU5OX0._AjHstgu1OwRzIos66JEfJ8c3QRZVpteoJ8y1gxtUIs5sWjqt4-_S_eYWVezH_5IV3cHpYPoRpIfXgNsNJDiAA'
// let token= localStorage.getItem("getToken")
......
src/views/strategy/index.vue
View file @ 96d56d73
...@@ -123,72 +123,65 @@ ...@@ -123,72 +123,65 @@
><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="{}"> <!-- 免责声明弹出层 -->
<div class="b_user" v-if="is_showlive"> <van-popup v-model="disclaimerShow" position="bottom" 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" </div>
@scroll="checkScroll" <div class="disclaimerBox" @scroll="handleScroll">
> <span>
<!-- 这里是长内容 --> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
<p> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 </span>
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 </div>
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 <div v-if="!bottomBtnShow" class="disclaimerBottom">
</p> <span>下滑至底部并同意</span>
</div> </div>
<div> <div v-if="bottomBtnShow" @click="agreeBtn()" class="disclaimerBottomTwo">
<!-- 点击 --> <span>我已知晓并同意</span>
<button </div>
type="default" <!-- <div class="popup-title" style="margin-bottom:0.5rem">
v-if="isshowButton" <span style="font-size: 0.4rem;">产品周期</span>
@click="is_scrollToTop" </div> -->
class="bu_p"
>
下滑至底部并同意 <!-- <div v-if="ifexchange" class="exchange">
</button> <span>立即兑换</span>
<button </div>
type="default" <div v-if="!ifexchange" class="exchangeTwo">
v-if="showButton" <span>立即兑换</span>
@click="scrollToTop()" </div> -->
class="con_P" </van-popup>
>
我已知晓并同意
</button>
</div>
</div>
</div>
</van-popup>
<div></div> <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,
...@@ -317,22 +327,20 @@ export default { ...@@ -317,22 +327,20 @@ 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;
}, },
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) {
...@@ -558,7 +569,7 @@ export default { ...@@ -558,7 +569,7 @@ export default {
margin-top: 10px; margin-top: 10px;
} }
.tab_p { .tab_p {
width: 40%; width: 100%;
height: 85%; height: 85%;
background: #fffbe8; background: #fffbe8;
/* border: 1px solid red; */ /* border: 1px solid red; */
...@@ -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: 9rem;
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 @ 96d56d73
<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"
...@@ -48,6 +48,7 @@ ...@@ -48,6 +48,7 @@
<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">
...@@ -116,73 +118,71 @@ ...@@ -116,73 +118,71 @@
><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
<div class="b_user" v-if="is_showlive"> v-model="disclaimerShow"
<div class="text_p">免责声明</div> position="bottom"
<div class="user_p"> style="border-radius: 0.5rem 0.5rem 0 0"
<div >
ref="scrollContainer" <div class="popup-title" style="text-align: center">
style="overflow-y: auto; height: 200px; position: relative" <span style="font-size: 0.5rem; font-weight: bold">免责声明</span>
@scroll="checkScroll" <!-- <span style="font-size: 0.3rem;color:gray;display:block">热点股票强度深度建模后优选好股票</span> -->
> </div>
<!-- 这里是长内容 --> <div class="disclaimerBox" @scroll="handleScroll">
<p> <span>
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
</p> </span>
</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> </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> </van-popup>
<div></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -208,8 +208,6 @@ export default { ...@@ -208,8 +208,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,15 +215,17 @@ export default { ...@@ -217,15 +215,17 @@ export default {
productTypeCode: "", productTypeCode: "",
loading: false, loading: false,
finished: false, finished: false,
bottomBtnShow: 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 {
...@@ -254,9 +254,15 @@ export default { ...@@ -254,9 +254,15 @@ 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 = {};
this.server.getstrge(params).then((res) => { this.server.getstrge(params).then((res) => {
...@@ -317,9 +323,9 @@ export default { ...@@ -317,9 +323,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) {
...@@ -332,20 +338,17 @@ export default { ...@@ -332,20 +338,17 @@ 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;
}, },
scrollToTop() { agreeBtn() {
this.$refs.scrollContainer.scrollTop != 0;
this.showButton = true;
let params = { let params = {
clientAppType: "H5", clientAppType: "H5",
investProductId: this.productId, investProductId: this.productId,
...@@ -357,8 +360,7 @@ export default { ...@@ -357,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) {
...@@ -367,18 +369,26 @@ export default { ...@@ -367,18 +369,26 @@ export default {
}); });
}, },
sure() { sure() {
this.is_showlive = true; this.disclaimerShow = true;
this.show = false; this.show = false;
this.po_show = true;
}, },
// handleScroll(event) {
// alert(1);
// const { scrollTop, scrollHeight, clientHeight } = event.target;
// // 检查是否已滚动到底部
// if (scrollTop + clientHeight >= scrollHeight - 5 && !this.loadingMore) {
// // 留5px的缓冲区
// this.loadMoreData();
// }
// },
handleScroll(event) { handleScroll(event) {
alert(1); const { scrollTop, clientHeight, scrollHeight } = event.target;
const { scrollTop, scrollHeight, clientHeight } = event.target; // console.log("这是下滑",scrollTop)
// 检查是否已滚动到底部 if (scrollTop + clientHeight >= scrollHeight - 1) {
if (scrollTop + clientHeight >= scrollHeight - 5 && !this.loadingMore) { console.log("已经下滑到底部");
// 留5px的缓冲区 this.bottomBtnShow = true;
this.loadMoreData(); // 执行到达底部后的操作
} }
}, },
onLoad() { onLoad() {
...@@ -394,7 +404,7 @@ export default { ...@@ -394,7 +404,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;
...@@ -406,7 +416,7 @@ export default { ...@@ -406,7 +416,7 @@ export default {
display: flex; display: flex;
-webkit-box-adivgn: center; -webkit-box-adivgn: center;
-webkit-adivgn-items: center; -webkit-adivgn-items: center;
height: 94px; /* height: 94px; */
} }
.van-notice-bar { .van-notice-bar {
position: relative; position: relative;
...@@ -424,7 +434,7 @@ export default { ...@@ -424,7 +434,7 @@ export default {
background-color: #f7eec2; background-color: #f7eec2;
} }
.tab_img { .tab_img {
width: 90px; width: 85%;
position: absolute; position: absolute;
bottom: 16px; bottom: 16px;
left: 8px; left: 8px;
...@@ -472,7 +482,6 @@ export default { ...@@ -472,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 {
...@@ -489,7 +498,7 @@ export default { ...@@ -489,7 +498,7 @@ export default {
border-radius: 7% 7% 7% 7%; border-radius: 7% 7% 7% 7%;
} }
.tab_p { .tab_p {
width: 40%; width: 100%;
height: 85%; height: 85%;
background: #fffbe8; background: #fffbe8;
border: 1px solid red; border: 1px solid red;
...@@ -628,7 +637,7 @@ export default { ...@@ -628,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;
...@@ -665,4 +674,38 @@ export default { ...@@ -665,4 +674,38 @@ export default {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.disclaimerBox {
width: 90%;
margin: 0 auto;
height: 9rem;
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;
}
.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