Authored by baoss

我的页面增加绑定支付宝样式

1 <template> 1 <template>
2 - <div v-if="validStatus !== 1" class="" @click="goBind">  
3 - 绑定支付宝 2 + <div v-if="validStatus !== 1" class="">
  3 + <div @click="goBind" class="bind-alipay">绑定支付宝</div>
  4 + <p class="bind-tip">请先设置支付宝账号作为货款和补偿款的收款商户,
  5 +绑定完成在我的收入中展示支付宝绑定账户</p>
4 </div> 6 </div>
5 </template> 7 </template>
6 8
@@ -39,5 +41,24 @@ export default { @@ -39,5 +41,24 @@ export default {
39 </script> 41 </script>
40 42
41 <style lang="scss" scoped> 43 <style lang="scss" scoped>
42 - 44 +.bind-alipay {
  45 + width: 100%;
  46 + text-align: center;
  47 + height: 88px;
  48 + line-height: 88px;
  49 + background-color: #fff;
  50 + color: #D0021B;
  51 + border-radius: 88px;
  52 + font-size: 32px;
  53 + margin-bottom: 20px;
  54 + margin-top: 60px;
  55 + border: solid 1px #eee;
  56 +}
  57 +.bind-tip {
  58 + margin: 0 40px;
  59 + text-align: center;
  60 + font-size: 24px;
  61 + color: #999;
  62 + margin-bottom: 20px;
  63 +}
43 </style> 64 </style>