Skip to content

T
transport-show-h5
提交 44629f5c authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

公众号链接修改

上级 feb447a9
显示空白字符变更
内嵌 并排
正在显示 包含 262 行增加 和 216 行删除
src/pages/my/alarm/index.vue
浏览文件 @ 44629f5c
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<p>开启学习提醒功能，需先关注紫荆职教公众号。</p> <p>开启学习提醒功能，需先关注紫荆职教公众号。</p>
<div class="ui-button" style="margin:40px 0 10px;"> <div class="ui-button" style="margin:40px 0 10px;">
<a <a
href="https://mp.weixin.qq.com/s/xcWMbYk5NgzUF3qxLzGTMg" href="https://mp.weixin.qq.com/s/DDnEkhe32jY09t8rCNuRhw"
@click="followPopupVisible = false" @click="followPopupVisible = false"
>关注公众号</a> >关注公众号</a>
</div> </div>
......
src/pages/my/buyCourses.vue
浏览文件 @ 44629f5c
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<div class="tit">恭喜您，课程已购买成功！</div> <div class="tit">恭喜您，课程已购买成功！</div>
<div class="txt">请添加客服微信，有任何问题可随时沟通客服。</div> <div class="txt">请添加客服微信，有任何问题可随时沟通客服。</div>
<img src="../../assets/images/pay/pay-izq.png" alt /> <img src="../../assets/images/pay/pay-izq.png" alt />
<a href="https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg"> <a href="https://mp.weixin.qq.com/s/dQVf6EWwCGJOthUbpIrQMg">
<div class="btns">添加客服微信</div> <div class="btns">添加客服微信</div>
</a> </a>
<!-- <img @click="imagePreview" src="https://zws-imgs-pub.ezijing.com/static/public/dcef7bc62237a077b10d7e49c44a1e51.jpg" alt=""> --> <!-- <img @click="imagePreview" src="https://zws-imgs-pub.ezijing.com/static/public/dcef7bc62237a077b10d7e49c44a1e51.jpg" alt=""> -->
......
src/pages/my/service.vue
浏览文件 @ 44629f5c
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</li> </li>
</ul> </ul>
<div class="contact-button" style="margin-bottom:1.66rem;"> <div class="contact-button" style="margin-bottom:1.66rem;">
<a href="https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg">客服二维码添加微信</a> <a href="https://mp.weixin.qq.com/s/dQVf6EWwCGJOthUbpIrQMg">客服二维码添加微信</a>
</div> </div>
<ul class="contact-info"> <ul class="contact-info">
<li> <li>
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
</li> </li>
</ul> </ul>
<div class="contact-button"> <div class="contact-button">
<a href="https://mp.weixin.qq.com/s/xcWMbYk5NgzUF3qxLzGTMg">关注公众号</a> <a href="https://mp.weixin.qq.com/s/DDnEkhe32jY09t8rCNuRhw">关注公众号</a>
</div> </div>
</div> </div>
</template> </template>
......
src/pages/pay/index.vue
浏览文件 @ 44629f5c
<template> <template>
<div class="pay-bg2"> <div class="pay-bg2">
<div class="top-view"> <div class="top-view">
<img src="../../assets/images/pay/top-bj.png" alt="" class="bj" v-if="!isSystem"> <img src="../../assets/images/pay/top-bj.png" alt class="bj" v-if="!isSystem" />
<img src="../../assets/images/pay/top-bj-ios.png" alt="" class="bj" v-if="isSystem"> <img src="../../assets/images/pay/top-bj-ios.png" alt class="bj" v-if="isSystem" />
<img src="../../assets/images/pay/top-btn.png" alt="" class="btn" @click="goPay" v-if="!isSystem"> <img
<a :href="`https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg?v=${Date.parse(new Date())}`" v-if="isSystem"><img src="../../assets/images/pay/top-btn-ios.png" alt="" class="btn" @click="goPayIos" v-if="isSystem"></a> src="../../assets/images/pay/top-btn.png"
<img src="../../assets/images/pay/c1.png" alt="" class="content"> alt
class="btn"
@click="goPay"
v-if="!isSystem"
/>
<a
:href="`https://mp.weixin.qq.com/s/dQVf6EWwCGJOthUbpIrQMg?v=${Date.parse(new Date())}`"
v-if="isSystem"
>
<img
src="../../assets/images/pay/top-btn-ios.png"
alt
class="btn"
@click="goPayIos"
v-if="isSystem"
/>
</a>
<img src="../../assets/images/pay/c1.png" alt class="content" />
</div> </div>
<div class="main-cen"> <div class="main-cen">
<img src="../../assets/images/pay/c2.png" alt="" class="c2"> <img src="../../assets/images/pay/c2.png" alt class="c2" />
<img src="../../assets/images/pay/c3.png" alt="" class="c3"> <img src="../../assets/images/pay/c3.png" alt class="c3" />
<img src="../../assets/images/pay/c4.png" alt="" class="c4"> <img src="../../assets/images/pay/c4.png" alt class="c4" />
<img src="../../assets/images/pay/c5.png" alt="" class="c5"> <img src="../../assets/images/pay/c5.png" alt class="c5" />
</div> </div>
<div class="btn-box" v-if="!isSystem"> <div class="btn-box" v-if="!isSystem">
<div class="text"> <div class="text">
...@@ -28,7 +45,14 @@ ...@@ -28,7 +45,14 @@
<div class="btn" v-if="orderStatus === -1" @click="goMyOrder">待支付</div> <div class="btn" v-if="orderStatus === -1" @click="goMyOrder">待支付</div>
<div class="btn" @click="goPay" v-if="orderStatus === 0">续费</div> <div class="btn" @click="goPay" v-if="orderStatus === 0">续费</div>
</div> </div>
<a :href="`https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg?v=${Date.parse(new Date())}`" v-if="isSystem"><div class="b-b-i"><img @click="goPayIos" src="../../assets/images/pay/bottom-btn-ios.png" alt=""></div></a> <a
:href="`https://mp.weixin.qq.com/s/dQVf6EWwCGJOthUbpIrQMg?v=${Date.parse(new Date())}`"
v-if="isSystem"
>
<div class="b-b-i">
<img @click="goPayIos" src="../../assets/images/pay/bottom-btn-ios.png" alt />
</div>
</a>
<!-- <img src="../../assets/images/pay1.png" alt /> <!-- <img src="../../assets/images/pay1.png" alt />
<img src="../../assets/images/pay2.png" alt /> <img src="../../assets/images/pay2.png" alt />
<div class="img-con"> <div class="img-con">
...@@ -45,7 +69,7 @@ ...@@ -45,7 +69,7 @@
<div class="btn active" v-if="orderStatus === 1" @click="goHome">已购买</div> <div class="btn active" v-if="orderStatus === 1" @click="goHome">已购买</div>
<div class="btn" v-if="orderStatus === -1" @click="goMyOrder">待支付</div> <div class="btn" v-if="orderStatus === -1" @click="goMyOrder">待支付</div>
<div class="btn xf" @click="goPay" v-if="orderStatus === 0">续费</div> <div class="btn xf" @click="goPay" v-if="orderStatus === 0">续费</div>
</div> --> </div>-->
<pay-we-chart :requestParam="requestParam"></pay-we-chart> <pay-we-chart :requestParam="requestParam"></pay-we-chart>
<!-- isPopShow --> <!-- isPopShow -->
<div class="succ-pop" v-if="isPopShow"> <div class="succ-pop" v-if="isPopShow">
...@@ -53,9 +77,11 @@ ...@@ -53,9 +77,11 @@
<div class="close" @click="isPopShow = false">×</div> <div class="close" @click="isPopShow = false">×</div>
<div class="tit">恭喜您，课程已购买成功！</div> <div class="tit">恭喜您，课程已购买成功！</div>
<div class="txt">请添加客服微信，有任何问题可随时沟通客服。</div> <div class="txt">请添加客服微信，有任何问题可随时沟通客服。</div>
<img src="../../assets/images/pay/pay-izq.png" alt=""> <img src="../../assets/images/pay/pay-izq.png" alt />
<a :href="`https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg?v=${Date.parse(new Date())}`"><div class="btns">添加客服微信</div></a> <a :href="`https://mp.weixin.qq.com/s/dQVf6EWwCGJOthUbpIrQMg?v=${Date.parse(new Date())}`">
<!-- https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg --> <div class="btns">添加客服微信</div>
</a>
<!-- https://mp.weixin.qq.com/s/dQVf6EWwCGJOthUbpIrQMg -->
<!-- <img @click="imagePreview" src="https://zws-imgs-pub.ezijing.com/static/public/dcef7bc62237a077b10d7e49c44a1e51.jpg" alt=""> --> <!-- <img @click="imagePreview" src="https://zws-imgs-pub.ezijing.com/static/public/dcef7bc62237a077b10d7e49c44a1e51.jpg" alt=""> -->
</div> </div>
</div> </div>
...@@ -74,10 +100,7 @@ export default { ...@@ -74,10 +100,7 @@ export default {
[ImagePreview.name]: ImagePreview [ImagePreview.name]: ImagePreview
}, },
data() { data() {
const productId = const productId = webConf.isDev === 'production' ? '6684359515615264768' : '6682927830365372416'
webConf.isDev === 'production'
? '6684359515615264768'
: '6682927830365372416'
return { return {
isSystem: 1, isSystem: 1,
isPopShow: false, isPopShow: false,
...@@ -183,20 +206,20 @@ export default { ...@@ -183,20 +206,20 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.pay-bg2{ .pay-bg2 {
.top-view{ .top-view {
position: relative; position: relative;
.bj{ .bj {
width: 100%; width: 100%;
} }
.btn{ .btn {
position: absolute; position: absolute;
top: 3.25rem; top: 3.25rem;
right: .7rem; right: 0.7rem;
width: 3.42rem; width: 3.42rem;
height: .85rem; height: 0.85rem;
} }
.content{ .content {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 50%; left: 50%;
...@@ -205,121 +228,121 @@ export default { ...@@ -205,121 +228,121 @@ export default {
height: 2.82rem; height: 2.82rem;
} }
} }
.main-cen{ .main-cen {
padding: 1.9rem .52rem 2rem .52rem; padding: 1.9rem 0.52rem 2rem 0.52rem;
.c2{ .c2 {
width: 100%; width: 100%;
} }
.c3{ .c3 {
margin-top: .5rem; margin-top: 0.5rem;
width: 100%; width: 100%;
} }
.c4{ .c4 {
margin-top: .5rem; margin-top: 0.5rem;
width: 100%; width: 100%;
} }
.c5{ .c5 {
margin-top: .5rem; margin-top: 0.5rem;
width: 100%; width: 100%;
} }
} }
.btn-box{ .btn-box {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height:1rem; height: 1rem;
background:rgba(171,27,48,1); background: rgba(171, 27, 48, 1);
.btn{ .btn {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
width:3.3rem; width: 3.3rem;
height:1rem; height: 1rem;
background:linear-gradient(-90deg,rgba(204,157,93,1),rgba(247,213,161,1)); background: linear-gradient(-90deg, rgba(204, 157, 93, 1), rgba(247, 213, 161, 1));
font-size:.37rem; font-size: 0.37rem;
color:rgba(80,41,3,1); color: rgba(80, 41, 3, 1);
line-height:1rem; line-height: 1rem;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
.text{ .text {
.fle{ .fle {
display: flex; display: flex;
div{ div {
line-height: 100%; line-height: 100%;
} }
} }
.l{ .l {
font-size:.22rem; font-size: 0.22rem;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
line-height:100%; line-height: 100%;
margin: .43rem 0 0 .34rem; margin: 0.43rem 0 0 0.34rem;
background:linear-gradient(-90deg,rgba(204,158,94,1) 0%, rgba(247,214,161,1) 100%); background: linear-gradient(-90deg, rgba(204, 158, 94, 1) 0%, rgba(247, 214, 161, 1) 100%);
-webkit-background-clip:text; -webkit-background-clip: text;
-webkit-text-fill-color:transparent; -webkit-text-fill-color: transparent;
opacity:0.8; opacity: 0.8;
} }
.c{ .c {
margin-top: .3rem; margin-top: 0.3rem;
margin-left: .15rem; margin-left: 0.15rem;
font-size:.44rem; font-size: 0.44rem;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
background:linear-gradient(-90deg,rgba(204,158,94,1) 0%, rgba(247,214,161,1) 100%); background: linear-gradient(-90deg, rgba(204, 158, 94, 1) 0%, rgba(247, 214, 161, 1) 100%);
-webkit-background-clip:text; -webkit-background-clip: text;
-webkit-text-fill-color:transparent; -webkit-text-fill-color: transparent;
} }
.r{ .r {
font-size:.22rem; font-size: 0.22rem;
color:rgba(204,158,94,1); color: rgba(204, 158, 94, 1);
line-height:100%; line-height: 100%;
opacity:0.9; opacity: 0.9;
margin: .43rem 0 0 .17rem; margin: 0.43rem 0 0 0.17rem;
// background:linear-gradient(-90deg,rgba(204,158,94,1) 0%, rgba(247,214,161,1) 100%); // background:linear-gradient(-90deg,rgba(204,158,94,1) 0%, rgba(247,214,161,1) 100%);
// -webkit-background-clip:text; // -webkit-background-clip:text;
// -webkit-text-fill-color:transparent; // -webkit-text-fill-color:transparent;
text-decoration:line-through; text-decoration: line-through;
} }
.new-b{ .new-b {
font-size:.22rem; font-size: 0.22rem;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
line-height:100%; line-height: 100%;
opacity:0.8; opacity: 0.8;
margin:0 0 0 .34rem; margin: 0 0 0 0.34rem;
background:linear-gradient(-90deg,rgba(204,158,94,1) 0%, rgba(247,214,161,1) 100%); background: linear-gradient(-90deg, rgba(204, 158, 94, 1) 0%, rgba(247, 214, 161, 1) 100%);
-webkit-background-clip:text; -webkit-background-clip: text;
-webkit-text-fill-color:transparent; -webkit-text-fill-color: transparent;
} }
} }
} }
} }
.succ-pop{ .succ-pop {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0,0,0,0.5); background: rgba(0, 0, 0, 0.5);
.pop{ .pop {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
width:5.9rem; width: 5.9rem;
height:6.98rem; height: 6.98rem;
background:rgba(255,255,255,1); background: rgba(255, 255, 255, 1);
border-radius:.12rem; border-radius: 0.12rem;
.tit{ .tit {
line-height: 1.1rem; line-height: 1.1rem;
text-align: center; text-align: center;
font-size: .3rem; font-size: 0.3rem;
color: #222; color: #222;
font-weight: bold; font-weight: bold;
} }
.txt{ .txt {
width:5.1rem; width: 5.1rem;
font-size: .3rem; font-size: 0.3rem;
color:rgba(34,34,34,1); color: rgba(34, 34, 34, 1);
margin: 0 auto; margin: 0 auto;
} }
// img{ // img{
...@@ -328,33 +351,33 @@ export default { ...@@ -328,33 +351,33 @@ export default {
// margin: 0.4rem auto; // margin: 0.4rem auto;
// display: block; // display: block;
// } // }
img{ img {
width: 3.16rem; width: 3.16rem;
height: 3rem; height: 3rem;
margin: 0.6rem auto 0.45rem auto; margin: 0.6rem auto 0.45rem auto;
display: block; display: block;
} }
.btns{ .btns {
width: 4.5rem; width: 4.5rem;
height: 0.7rem; height: 0.7rem;
background: #C62245; background: #c62245;
border-radius: .12rem; border-radius: 0.12rem;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
line-height: 0.7rem; line-height: 0.7rem;
font-size: .3rem; font-size: 0.3rem;
color: #fff; color: #fff;
} }
.close{ .close {
position: absolute; position: absolute;
top: -.8rem; top: -0.8rem;
right: 0; right: 0;
font-size: .6rem; font-size: 0.6rem;
color: #fff; color: #fff;
} }
} }
} }
.b-b-i{ .b-b-i {
position: fixed; position: fixed;
bottom: -0.01rem; bottom: -0.01rem;
left: 0; left: 0;
...@@ -362,9 +385,9 @@ export default { ...@@ -362,9 +385,9 @@ export default {
background: #fff; background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
height: 1.2rem; height: 1.2rem;
img{ img {
width: 6.4rem; width: 6.4rem;
margin: .2rem auto 0 auto; margin: 0.2rem auto 0 auto;
display: block; display: block;
} }
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
......
src/pages/pay/payPage.vue
浏览文件 @ 44629f5c
<template> <template>
<div class="pay-bg2"> <div class="pay-bg2">
<div class="top-view"> <div class="top-view">
<img src="../../assets/images/pay/top-bj.png" alt="" class="bj" v-if="!isSystem"> <img src="../../assets/images/pay/top-bj.png" alt class="bj" v-if="!isSystem" />
<img src="../../assets/images/pay/top-bj-ios.png" alt="" class="bj" v-if="isSystem"> <img src="../../assets/images/pay/top-bj-ios.png" alt class="bj" v-if="isSystem" />
<img src="../../assets/images/pay/top-btn.png" alt="" class="btn" @click="goPay" v-if="!isSystem"> <img
<a :href="`https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg?v=${Date.parse(new Date())}`" v-if="isSystem"><img src="../../assets/images/pay/top-btn-ios.png" alt="" class="btn" @click="goPayIos" v-if="isSystem"></a> src="../../assets/images/pay/top-btn.png"
<img src="../../assets/images/pay/c1.png" alt="" class="content"> alt
class="btn"
@click="goPay"
v-if="!isSystem"
/>
<a
:href="`https://mp.weixin.qq.com/s/dQVf6EWwCGJOthUbpIrQMg?v=${Date.parse(new Date())}`"
v-if="isSystem"
>
<img
src="../../assets/images/pay/top-btn-ios.png"
alt
class="btn"
@click="goPayIos"
v-if="isSystem"
/>
</a>
<img src="../../assets/images/pay/c1.png" alt class="content" />
</div> </div>
<div class="main-cen"> <div class="main-cen">
<img src="../../assets/images/pay/c2.png" alt="" class="c2"> <img src="../../assets/images/pay/c2.png" alt class="c2" />
<img src="../../assets/images/pay/c3.png" alt="" class="c3"> <img src="../../assets/images/pay/c3.png" alt class="c3" />
<img src="../../assets/images/pay/c4.png" alt="" class="c4"> <img src="../../assets/images/pay/c4.png" alt class="c4" />
<img src="../../assets/images/pay/c5.png" alt="" class="c5"> <img src="../../assets/images/pay/c5.png" alt class="c5" />
</div> </div>
<div class="btn-box" v-if="!isSystem"> <div class="btn-box" v-if="!isSystem">
<div class="text"> <div class="text">
...@@ -28,7 +45,14 @@ ...@@ -28,7 +45,14 @@
<div class="btn" v-if="orderStatus === -1" @click="goMyOrder">待支付</div> <div class="btn" v-if="orderStatus === -1" @click="goMyOrder">待支付</div>
<div class="btn" @click="goPay" v-if="orderStatus === 0">续费</div> <div class="btn" @click="goPay" v-if="orderStatus === 0">续费</div>
</div> </div>
<a :href="`https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg?v=${Date.parse(new Date())}`" v-if="isSystem"><div class="b-b-i"><img @click="goPayIos" src="../../assets/images/pay/bottom-btn-ios.png" alt=""></div></a> <a
:href="`https://mp.weixin.qq.com/s/dQVf6EWwCGJOthUbpIrQMg?v=${Date.parse(new Date())}`"
v-if="isSystem"
>
<div class="b-b-i">
<img @click="goPayIos" src="../../assets/images/pay/bottom-btn-ios.png" alt />
</div>
</a>
<!-- <img src="../../assets/images/pay1.png" alt /> <!-- <img src="../../assets/images/pay1.png" alt />
<img src="../../assets/images/pay2.png" alt /> <img src="../../assets/images/pay2.png" alt />
<div class="img-con"> <div class="img-con">
...@@ -45,7 +69,7 @@ ...@@ -45,7 +69,7 @@
<div class="btn active" v-if="orderStatus === 1" @click="goHome">已购买</div> <div class="btn active" v-if="orderStatus === 1" @click="goHome">已购买</div>
<div class="btn" v-if="orderStatus === -1" @click="goMyOrder">待支付</div> <div class="btn" v-if="orderStatus === -1" @click="goMyOrder">待支付</div>
<div class="btn xf" @click="goPay" v-if="orderStatus === 0">续费</div> <div class="btn xf" @click="goPay" v-if="orderStatus === 0">续费</div>
</div> --> </div>-->
<pay-we-chart :requestParam="requestParam"></pay-we-chart> <pay-we-chart :requestParam="requestParam"></pay-we-chart>
<!-- isPopShow --> <!-- isPopShow -->
<div class="succ-pop" v-if="isPopShow"> <div class="succ-pop" v-if="isPopShow">
...@@ -53,9 +77,11 @@ ...@@ -53,9 +77,11 @@
<div class="close" @click="isPopShow = false">×</div> <div class="close" @click="isPopShow = false">×</div>
<div class="tit">恭喜您，课程已购买成功！</div> <div class="tit">恭喜您，课程已购买成功！</div>
<div class="txt">请添加客服微信，有任何问题可随时沟通客服。</div> <div class="txt">请添加客服微信，有任何问题可随时沟通客服。</div>
<img src="../../assets/images/pay/pay-izq.png" alt=""> <img src="../../assets/images/pay/pay-izq.png" alt />
<a :href="`https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg?v=${Date.parse(new Date())}`"><div class="btns">添加客服微信</div></a> <a :href="`https://mp.weixin.qq.com/s/dQVf6EWwCGJOthUbpIrQMg?v=${Date.parse(new Date())}`">
<!-- https://mp.weixin.qq.com/s/fwDqI1SFrk_bAyUrbLOvhg --> <div class="btns">添加客服微信</div>
</a>
<!-- https://mp.weixin.qq.com/s/dQVf6EWwCGJOthUbpIrQMg -->
<!-- <img @click="imagePreview" src="https://zws-imgs-pub.ezijing.com/static/public/dcef7bc62237a077b10d7e49c44a1e51.jpg" alt=""> --> <!-- <img @click="imagePreview" src="https://zws-imgs-pub.ezijing.com/static/public/dcef7bc62237a077b10d7e49c44a1e51.jpg" alt=""> -->
</div> </div>
</div> </div>
...@@ -74,10 +100,7 @@ export default { ...@@ -74,10 +100,7 @@ export default {
[ImagePreview.name]: ImagePreview [ImagePreview.name]: ImagePreview
}, },
data() { data() {
const productId = const productId = webConf.isDev === 'production' ? '6684359515615264768' : '6682927830365372416'
webConf.isDev === 'production'
? '6684359515615264768'
: '6682927830365372416'
return { return {
isSystem: 1, isSystem: 1,
isPopShow: false, isPopShow: false,
...@@ -183,20 +206,20 @@ export default { ...@@ -183,20 +206,20 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.pay-bg2{ .pay-bg2 {
.top-view{ .top-view {
position: relative; position: relative;
.bj{ .bj {
width: 100%; width: 100%;
} }
.btn{ .btn {
position: absolute; position: absolute;
top: 3.25rem; top: 3.25rem;
right: .7rem; right: 0.7rem;
width: 3.42rem; width: 3.42rem;
height: .85rem; height: 0.85rem;
} }
.content{ .content {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 50%; left: 50%;
...@@ -205,121 +228,121 @@ export default { ...@@ -205,121 +228,121 @@ export default {
height: 2.82rem; height: 2.82rem;
} }
} }
.main-cen{ .main-cen {
padding: 1.9rem .52rem 2rem .52rem; padding: 1.9rem 0.52rem 2rem 0.52rem;
.c2{ .c2 {
width: 100%; width: 100%;
} }
.c3{ .c3 {
margin-top: .5rem; margin-top: 0.5rem;
width: 100%; width: 100%;
} }
.c4{ .c4 {
margin-top: .5rem; margin-top: 0.5rem;
width: 100%; width: 100%;
} }
.c5{ .c5 {
margin-top: .5rem; margin-top: 0.5rem;
width: 100%; width: 100%;
} }
} }
.btn-box{ .btn-box {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height:1rem; height: 1rem;
background:rgba(171,27,48,1); background: rgba(171, 27, 48, 1);
.btn{ .btn {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
width:3.3rem; width: 3.3rem;
height:1rem; height: 1rem;
background:linear-gradient(-90deg,rgba(204,157,93,1),rgba(247,213,161,1)); background: linear-gradient(-90deg, rgba(204, 157, 93, 1), rgba(247, 213, 161, 1));
font-size:.37rem; font-size: 0.37rem;
color:rgba(80,41,3,1); color: rgba(80, 41, 3, 1);
line-height:1rem; line-height: 1rem;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
.text{ .text {
.fle{ .fle {
display: flex; display: flex;
div{ div {
line-height: 100%; line-height: 100%;
} }
} }
.l{ .l {
font-size:.22rem; font-size: 0.22rem;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
line-height:100%; line-height: 100%;
margin: .43rem 0 0 .34rem; margin: 0.43rem 0 0 0.34rem;
background:linear-gradient(-90deg,rgba(204,158,94,1) 0%, rgba(247,214,161,1) 100%); background: linear-gradient(-90deg, rgba(204, 158, 94, 1) 0%, rgba(247, 214, 161, 1) 100%);
-webkit-background-clip:text; -webkit-background-clip: text;
-webkit-text-fill-color:transparent; -webkit-text-fill-color: transparent;
opacity:0.8; opacity: 0.8;
} }
.c{ .c {
margin-top: .3rem; margin-top: 0.3rem;
margin-left: .15rem; margin-left: 0.15rem;
font-size:.44rem; font-size: 0.44rem;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
background:linear-gradient(-90deg,rgba(204,158,94,1) 0%, rgba(247,214,161,1) 100%); background: linear-gradient(-90deg, rgba(204, 158, 94, 1) 0%, rgba(247, 214, 161, 1) 100%);
-webkit-background-clip:text; -webkit-background-clip: text;
-webkit-text-fill-color:transparent; -webkit-text-fill-color: transparent;
} }
.r{ .r {
font-size:.22rem; font-size: 0.22rem;
color:rgba(204,158,94,1); color: rgba(204, 158, 94, 1);
line-height:100%; line-height: 100%;
opacity:0.9; opacity: 0.9;
margin: .43rem 0 0 .17rem; margin: 0.43rem 0 0 0.17rem;
// background:linear-gradient(-90deg,rgba(204,158,94,1) 0%, rgba(247,214,161,1) 100%); // background:linear-gradient(-90deg,rgba(204,158,94,1) 0%, rgba(247,214,161,1) 100%);
// -webkit-background-clip:text; // -webkit-background-clip:text;
// -webkit-text-fill-color:transparent; // -webkit-text-fill-color:transparent;
text-decoration:line-through; text-decoration: line-through;
} }
.new-b{ .new-b {
font-size:.22rem; font-size: 0.22rem;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
line-height:100%; line-height: 100%;
opacity:0.8; opacity: 0.8;
margin:0 0 0 .34rem; margin: 0 0 0 0.34rem;
background:linear-gradient(-90deg,rgba(204,158,94,1) 0%, rgba(247,214,161,1) 100%); background: linear-gradient(-90deg, rgba(204, 158, 94, 1) 0%, rgba(247, 214, 161, 1) 100%);
-webkit-background-clip:text; -webkit-background-clip: text;
-webkit-text-fill-color:transparent; -webkit-text-fill-color: transparent;
} }
} }
} }
} }
.succ-pop{ .succ-pop {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0,0,0,0.5); background: rgba(0, 0, 0, 0.5);
.pop{ .pop {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
width:5.9rem; width: 5.9rem;
height:6.98rem; height: 6.98rem;
background:rgba(255,255,255,1); background: rgba(255, 255, 255, 1);
border-radius:.12rem; border-radius: 0.12rem;
.tit{ .tit {
line-height: 1.1rem; line-height: 1.1rem;
text-align: center; text-align: center;
font-size: .3rem; font-size: 0.3rem;
color: #222; color: #222;
font-weight: bold; font-weight: bold;
} }
.txt{ .txt {
width:5.1rem; width: 5.1rem;
font-size: .3rem; font-size: 0.3rem;
color:rgba(34,34,34,1); color: rgba(34, 34, 34, 1);
margin: 0 auto; margin: 0 auto;
} }
// img{ // img{
...@@ -328,33 +351,33 @@ export default { ...@@ -328,33 +351,33 @@ export default {
// margin: 0.4rem auto; // margin: 0.4rem auto;
// display: block; // display: block;
// } // }
img{ img {
width: 3.16rem; width: 3.16rem;
height: 3rem; height: 3rem;
margin: 0.6rem auto 0.45rem auto; margin: 0.6rem auto 0.45rem auto;
display: block; display: block;
} }
.btns{ .btns {
width: 4.5rem; width: 4.5rem;
height: 0.7rem; height: 0.7rem;
background: #C62245; background: #c62245;
border-radius: .12rem; border-radius: 0.12rem;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
line-height: 0.7rem; line-height: 0.7rem;
font-size: .3rem; font-size: 0.3rem;
color: #fff; color: #fff;
} }
.close{ .close {
position: absolute; position: absolute;
top: -.8rem; top: -0.8rem;
right: 0; right: 0;
font-size: .6rem; font-size: 0.6rem;
color: #fff; color: #fff;
} }
} }
} }
.b-b-i{ .b-b-i {
position: fixed; position: fixed;
bottom: -0.01rem; bottom: -0.01rem;
left: 0; left: 0;
...@@ -362,9 +385,9 @@ export default { ...@@ -362,9 +385,9 @@ export default {
background: #fff; background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
height: 1.2rem; height: 1.2rem;
img{ img {
width: 6.4rem; width: 6.4rem;
margin: .2rem auto 0 auto; margin: 0.2rem auto 0 auto;
display: block; display: block;
} }
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论