Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
U
uniapp_vedio
Project
Project
Details
Activity
Releases
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
android
uniapp_vedio
Commits
9615f61c
Commit
9615f61c
authored
Nov 02, 2023
by
mengcuiguang
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
添加金币弹窗
parent
61cc6aa2
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
141 additions
and
111 deletions
+141
-111
coin-popup.vue
vedio/components/coin-popup/coin-popup.vue
+135
-107
my.vue
vedio/pages/my/my.vue
+6
-4
No files found.
vedio/components/coin-popup/coin-popup.vue
View file @
9615f61c
...
...
@@ -3,26 +3,51 @@
<uni-popup
type=
"bottom"
ref=
"select"
:maskClick=
"false"
:isMaskClick=
"false"
>
<view
class=
"body"
>
<scroll-view
scroll-y
style=
"height: 80%;"
>
<view
@
click=
"handleClose"
style=
"color: red;"
>
关闭
</view>
<view
style=
"display: flex;flex-direction: column;align-items: flex-end;"
>
<image
@
click=
"handleClose"
style=
"width: 30rpx;height: 30rpx;display: flex;align-items: right;margin: 15rpx;"
src=
"@/static/index/ic_quit_white.png"
></image>
</view>
<view
style=
"display: flex;flex-direction: column;align-items: center;margin-bottom: 20rpx;"
>
<view
style=
"font-size: 30rpx;color: black;"
>
超多精彩好剧一键解锁
</view>
<view
style=
"display: flex;flex-direction: row;margin-top: 10rpx;"
>
<view
style=
"font-size: 24rpx;color: #644238;margin-top: 16rpx;"
>
账户余额:
</view>
<view
style=
"font-size: 40rpx;color: red;font-weight: 777;"
>
123
</view>
<view
style=
"font-size: 24rpx;color: #644238;margin-top: 16rpx;"
>
K币
</view>
</view>
</view>
<view
class=
"section"
>
<view
class=
"pack-box"
>
<view
class=
"pack-item"
:class=
"[
{active: index==selectedIndex}]"
v-for='(item, index) in vipList' :key='index' @click="choosePack(item, index)">
<view
class=
"name row"
>
{{
item
.
title
}}
</view>
<view
class=
"price row"
>
¥
{{
item
.
firstPayPrice
}}
</view>
<view
class=
"origin row"
v-if=
'item.oldPrice'
>
原价:
{{
item
.
oldPrice
}}
<view
style=
"display: flex;flex-direction: column;align-items: center;"
>
<view
class=
"name row"
>
{{
item
.
title
}}
</view>
<view
class=
"price row"
>
¥
{{
item
.
firstPayPrice
}}
</view>
<view
class=
"origin row"
v-if=
'item.oldPrice'
>
原价:
{{
item
.
oldPrice
}}
</view>
</view>
<view
class=
"cut-down"
v-if=
'item.oldPrice-item.firstPayPrice>0'
>
立省
{{
item
.
oldPrice
-
item
.
firstPayPrice
}}
元
</view>
<view
v-if=
"index==selectedIndex"
style=
"position: absolute;bottom: 0;right: 0;"
>
<image
style=
"width: 24rpx;height: 24rpx;display: flex;align-items: right;"
src=
"@/static/index/ic_quit_white.png"
></image>
</view>
</view>
</view>
</view>
<view
style=
"display: flex;flex-direction: column;align-items: center;"
>
<view
style=
"font-size: 24rpx;color: gray;margin-top: 16rpx;margin-bottom: 8rpx;"
>
订单中如有疑问,请在个人中心联系客服
</view>
</view>
</scroll-view>
</view>
</uni-popup>
...
...
@@ -48,6 +73,11 @@
};
},
methods
:
{
// 支付完成回调
paySuccess
()
{
this
.
$emit
(
'paySuccess'
);
this
.
handleClose
();
},
handleShow
()
{
this
.
$refs
.
select
.
open
(
'bottom'
);
...
...
@@ -57,7 +87,10 @@
success
:
({
data
})
=>
{
this
.
vipList
=
data
.
list
this
.
vipList
=
data
.
list
;
if
(
data
.
list
!=
null
)
{
this
.
selectedIndex
=
data
.
list
[
0
].
activityType
;
}
}
});
},
...
...
@@ -66,8 +99,9 @@
this
.
$emit
(
'close'
);
},
choosePack
(
item
,
index
)
{
this
.
selectedIndex
=
index
;
// this.handlePay();
this
.
selectedIndex
=
index
;
this
.
handlePay
();
},
handlePay
()
{
let
that
=
this
;
...
...
@@ -100,11 +134,7 @@
success
(
res
)
{
message
.
notify
(
'支付成功'
)
// setTimeout(() => {
// navigateTo(`/pages/home`)
// }, 1000);
that
.
paySuccess
();
},
fail
(
res
)
{
message
.
notify
(
'取消支付'
)
...
...
@@ -127,98 +157,96 @@
<
style
lang=
"scss"
>
.body
{
background-color
:
white
;
display
:
flex
;
flex-direction
:
column
;
background-color
:
white
;
display
:
flex
;
flex-direction
:
column
;
position
:
relative
;
.section
{
padding
:
0
20rpx
;
display
:
flex
;
flex-direction
:
column
;
background
:
#fff
;
.title
{
font-size
:
32rpx
;
font-weight
:
700
;
color
:
#333
;
margin-bottom
:
30rpx
;
}
.pack-box
{
margin-top
:
25rpx
;
margin-left
:
20rpx
;
display
:
flex
;
flex-direction
:
row
;
align-items
:
center
;
flex-wrap
:
wrap
;
.active
{
border
:
6rpx
solid
#fd5350
!
important
;
}
.pack-item
{
margin-bottom
:
25rpx
;
margin-right
:
20rpx
;
width
:
calc
(
44%
);
height
:
200rpx
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
space-around
;
background
:
#f5f5f5
;
border
:
6rpx
solid
#f5f5f5
;
border-radius
:
10rpx
;
position
:
relative
;
.row
{
margin
:
8rpx
15rpx
;
marign-bottom
:
0
;
}
.row
:last-child
{
margin-bottom
:
8rpx
;
}
.name
{
font-size
:
26rpx
;
font-weight
:
700
;
color
:
#333
;
}
.price
{
font-size
:
30rpx
;
color
:
#fd5350
;
font-weight
:
700
;
}
.origin
{
font-size
:
22rpx
;
color
:
#333
;
text-decoration
:
line-through
;
}
.cut-down
{
position
:
absolute
;
top
:
0
;
right
:
0
;
color
:
#fff
;
background
:
#ff502f
;
font-size
:
22rpx
;
border-radius
:
15rpx
;
height
:
30rpx
;
line-height
:
30rpx
;
padding
:
0
10rpx
;
transform
:
translate
(
0
,
-50%
);
}
}
}
.apply-button
{
border-radius
:
50rpx
;
background
:
#e8c8ae
;
color
:
#8d5a29
;
margin
:
30rpx
auto
;
}
.section
{
padding
:
0
20rpx
;
display
:
flex
;
flex-direction
:
column
;
background
:
#fff
;
.title
{
font-size
:
32rpx
;
font-weight
:
700
;
color
:
#333
;
margin-bottom
:
30rpx
;
}
.pack-box
{
margin-top
:
25rpx
;
margin-left
:
20rpx
;
display
:
flex
;
flex-direction
:
row
;
align-items
:
center
;
flex-wrap
:
wrap
;
.active
{
border
:
6rpx
solid
#fd5350
!
important
;
}
.pack-item
{
margin-bottom
:
25rpx
;
margin-right
:
22rpx
;
width
:
calc
(
44%
);
height
:
200rpx
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
space-around
;
background
:
#f5f5f5
;
border
:
6rpx
solid
#f5f5f5
;
border-radius
:
10rpx
;
position
:
relative
;
.row
{
margin
:
8rpx
15rpx
;
marign-bottom
:
0
;
}
.row
:last-child
{
margin-bottom
:
8rpx
;
}
.name
{
font-size
:
26rpx
;
font-weight
:
700
;
color
:
#333
;
}
.price
{
font-size
:
30rpx
;
color
:
#fd5350
;
font-weight
:
700
;
}
.origin
{
font-size
:
22rpx
;
color
:
#333
;
}
.cut-down
{
position
:
absolute
;
top
:
0
;
color
:
#fff
;
background
:
#ff502f
;
font-size
:
22rpx
;
border-radius
:
15rpx
;
height
:
30rpx
;
line-height
:
30rpx
;
padding
:
0
10rpx
;
transform
:
translate
(
0
,
-50%
);
}
}
}
.apply-button
{
border-radius
:
50rpx
;
background
:
#e8c8ae
;
color
:
#8d5a29
;
margin
:
30rpx
auto
;
}
}
}
</
style
>
\ No newline at end of file
vedio/pages/my/my.vue
View file @
9615f61c
...
...
@@ -59,10 +59,9 @@
<view
style=
"display: flex;justify-content: center;margin-top: 20rpx;font-size: 26rpx;color: gray;"
>
{{
versionName
}}
</view>
<coin-popup
:show=
"showAnimate"
@
close=
"showAnimate = false"
>
</view>
<coin-popup
:show=
"showAnimate"
@
close=
"showAnimate = false"
@
paySuccess=
"paySuccess"
>
</coin-popup>
</view>
...
...
@@ -155,6 +154,9 @@
})
}
});
},
paySuccess
(){
}
}
};
...
...
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