Skip to content

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

公众号链接修改

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