Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Sign in / Register
Toggle navigation
R
revised-version-h5
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
孟庆瑞
revised-version-h5
Commits
03cd51f9
Commit
03cd51f9
authored
Sep 13, 2024
by
jiaoyahui
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
更改弹框布局
parent
02bcd12a
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
232 additions
and
152 deletions
+232
-152
index.vue
src/views/strategy/index.vue
+114
-71
index.vue
src/views/strategyversion/index.vue
+118
-81
No files found.
src/views/strategy/index.vue
View file @
03cd51f9
...
@@ -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>
立即兑换
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"
</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
,
...
@@ -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"
</div>
style=
"overflow-y: auto; height: 200px; position: relative"
<div
class=
"disclaimerBox"
@
scroll=
"handleScroll"
>
@
scroll=
"checkScroll"
<span>
>
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
<!-- 这里是长内容 -->
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
<p>
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
</span>
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
</div>
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
<div
v-if=
"!bottomBtnShow"
class=
"disclaimerBottom"
>
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
<span>
下滑至底部并同意
</span>
</p>
</div>
</div>
<div
v-if=
"bottomBtnShow"
@
click=
"agreeBtn()"
class=
"disclaimerBottomTwo"
>
<div>
<span>
我已知晓并同意
</span>
<!-- 点击 -->
</div>
<button
<!--
<div
class=
"popup-title"
style=
"margin-bottom:0.5rem"
>
type=
"default"
<span
style=
"font-size: 0.4rem;"
>
产品周期
</span>
v-if=
"isshowButton"
</div>
-->
@
click=
"is_scrollToTop"
class=
"bu_p"
>
<!--
<div
v-if=
"ifexchange"
class=
"exchange"
>
下滑至底部并同意
<span>
立即兑换
</span>
</button>
</div>
<button
<div
v-if=
"!ifexchange"
class=
"exchangeTwo"
>
type=
"default"
<span>
立即兑换
</span>
v-if=
"showButton"
</div>
-->
@
click=
"scrollToTop"
</van-popup>
class=
"con_P"
>
我已知晓并同意
</button>
</div>
</div>
</div>
</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
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment