提交 0c580f67 authored 作者: lihuihui's avatar lihuihui

修改样式

上级 8d813838
...@@ -276,7 +276,7 @@ export default { ...@@ -276,7 +276,7 @@ export default {
icon: 'https://zws-imgs-pub.ezijing.com/static/public/284f07548eb240cc384a102f1b7efdda.png', icon: 'https://zws-imgs-pub.ezijing.com/static/public/284f07548eb240cc384a102f1b7efdda.png',
iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/0c9823481d85f209b4a498945f31ea83.png', iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/0c9823481d85f209b4a498945f31ea83.png',
text: '师资培训报名', text: '师资培训报名',
path: '/hall?role=1', path: '/hall?role=1&point=t0',
textActive: '提交报名资料,等待审核通知和培训通知' textActive: '提交报名资料,等待审核通知和培训通知'
}, },
{ {
......
...@@ -14,10 +14,12 @@ ...@@ -14,10 +14,12 @@
<div class="name">支付方式:</div> <div class="name">支付方式:</div>
<div class="pay-method"> <div class="pay-method">
<div :class="payMethod == 2 ? 'li active' : 'li'" @click="tabPayMethod(2)"> <div :class="payMethod == 2 ? 'li active' : 'li'" @click="tabPayMethod(2)">
<div class="select-icon"></div>
<div class="icon"></div> <div class="icon"></div>
<div class="pay-text">支付宝支付</div> <div class="pay-text">支付宝支付</div>
</div> </div>
<div :class="payMethod == 1 ? 'li active' : 'li'" @click="tabPayMethod(1)"> <div :class="payMethod == 1 ? 'li active' : 'li'" @click="tabPayMethod(1)">
<div class="select-icon"></div>
<div class="icon"></div> <div class="icon"></div>
<div class="pay-text">微信支付</div> <div class="pay-text">微信支付</div>
</div> </div>
...@@ -213,16 +215,29 @@ export default { ...@@ -213,16 +215,29 @@ export default {
.pay-method{ .pay-method{
.li{ .li{
cursor: pointer; cursor: pointer;
.select-icon{
width: 16px;
height: 16px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/0157a86b05bd8eff993c4b82433acc90.png);
background-size: 100% 100%;
margin-right: 13px;
}
&.active{
.select-icon{
background: url(https://zws-imgs-pub.ezijing.com/static/public/04aad91c8b16f98505ee11f13c13464d.png);
background-size: 100% 100%;
}
}
&:nth-child(1){ &:nth-child(1){
.icon{ .icon{
width: 25px; width: 25px;
height: 25px; height: 25px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/36ab2af8e8c7a20bff0d0d8ab926ac15.png); background: url(https://zws-imgs-pub.ezijing.com/static/public/189526ea395b7a1a3b47ffea73d25b95.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
&.active{ &.active{
.icon{ .icon{
background: url(https://zws-imgs-pub.ezijing.com/static/public/43ef4cf31c815154f751631db5d14ae7.png); background: url(https://zws-imgs-pub.ezijing.com/static/public/189526ea395b7a1a3b47ffea73d25b95.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
...@@ -232,7 +247,7 @@ export default { ...@@ -232,7 +247,7 @@ export default {
.icon{ .icon{
width: 26px; width: 26px;
height: 23px; height: 23px;
background: url(https://zws-imgs-pub.ezijing.com/static/public/166a68450955d55376ce1e6295f2dac9.png); background: url(https://zws-imgs-pub.ezijing.com/static/public/e7db788a3194460535d6543cc358a5f5.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
&.active{ &.active{
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论