From f36141f3075edf9d41928d64f759ad6bd1b1ac60 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 14 七月 2020 17:43:34 +0800
Subject: [PATCH] 2020-07-14
---
src/views/pay/index.scss | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 51 insertions(+), 2 deletions(-)
diff --git a/src/views/pay/index.scss b/src/views/pay/index.scss
index 9431c9d..b69ffac 100644
--- a/src/views/pay/index.scss
+++ b/src/views/pay/index.scss
@@ -47,24 +47,63 @@
}
.mk-pay-content {
- min-height: 470px;
+ min-height: 500px;
box-shadow: 0px 0px 40px #dfdfdf;
margin-bottom: 6vh;
+
+ .ant-tabs-bar {
+ .ant-tabs-tab {
+ padding: 12px 16px 8px;
+ img {
+ width: 80px;
+ }
+ }
+ }
.qrcode-box {
+ position: relative;
display: inline-block;
width: 50%;
text-align: center;
p {
font-size: 12px;
margin-top: 10px;
+ span {
+ color: #e31613;
+ font-weight: bold;
+ }
+ }
+ p.overdue {
+ color: #e31613;
+ span {
+ color: #67a4ff;
+ cursor: pointer;
+ font-weight: normal;
+ }
}
canvas {
padding: 15px;
border: 1px solid #dddddd;
}
+ .overdue-mask {
+ display: inline-block;
+ width: 250px;
+ height: 250px;
+ position: absolute;
+ top: 40px;
+ left: calc(50% - 125px);
+ background: rgba(0, 0, 0, .4);
+ p {
+ margin-top: 110px;
+ background: #ffffff;
+ display: inline-block;
+ font-size: 13px;
+ padding: 5px 10px;
+ cursor: pointer;
+ }
+ }
.qrcode-tip {
background: #ff7674;
- width: 230px;
+ width: 250px;
margin: 10px auto;
img {
width: 40px;
@@ -84,6 +123,16 @@
}
}
}
+ .overdone {
+ text-align: center;
+ padding-top: 150px;
+ font-size: 16px;
+ p:first-child {
+ color: #26C281;
+ margin-bottom: 5px;
+ font-size: 18px;
+ }
+ }
.weixin-scan {
vertical-align: top;
width: 280px;
--
Gitblit v1.8.0