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
96d56d73
Commit
96d56d73
authored
Sep 19, 2024
by
mengqr
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'master' of
http://git.douniu8.com/mengqr/revised-version-h5
parents
50f2498d
f18cb2a1
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
261 additions
and
173 deletions
+261
-173
request.js
src/utils/request.js
+2
-0
index.vue
src/views/strategy/index.vue
+121
-78
index.vue
src/views/strategyversion/index.vue
+138
-95
No files found.
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,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>
立即兑换
</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"
@
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>
<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
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
,
...
@@ -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
:
4
0%
;
width
:
10
0%
;
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"
style=
"overflow-y: auto; height: 200px; position: relative"
@
scroll=
"checkScroll"
>
>
<!-- 这里是长内容 -->
<div
class=
"popup-title"
style=
"text-align: center"
>
<p>
<span
style=
"font-size: 0.5rem; font-weight: bold"
>
免责声明
</span>
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
<!--
<span
style=
"font-size: 0.3rem;color:gray;display:block"
>
热点股票强度深度建模后优选好股票
</span>
-->
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
这是第哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈行内容
</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 +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
:
4
0%
;
width
:
10
0%
;
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
>
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