From 89ee68c59cdcaa4b7fa0178be42d58bec651ee73 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 09 七月 2020 12:15:03 +0800
Subject: [PATCH] 2020-07-09
---
src/views/pay/index.scss | 93 ++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 84 insertions(+), 9 deletions(-)
diff --git a/src/views/pay/index.scss b/src/views/pay/index.scss
index ac98e59..9431c9d 100644
--- a/src/views/pay/index.scss
+++ b/src/views/pay/index.scss
@@ -6,28 +6,103 @@
.mk-pay-box {
margin: 0 auto;
- width: 80vw;
+ width: 1000px;
height: calc(100vh - 40px);
- margin-top: 20px;
- background: #ffffff;
+ // background: #ffffff;
padding: 15px 20px;
// box-shadow: 0px 0px 3px #bcbcbc;
+ header {
+ .plat-logo {
+ max-width: 180px;
+ max-height: 40px;
+ }
+ .user-name {
+ float: right;
+ font-size: 16px;
+ line-height: 35px;
+ }
+ }
+
.pay-tip {
- color: #1890ff;
- font-size: 15px;
- margin-bottom: 20px;
+ font-size: 13px;
+ margin-top: 25px;
+ margin-bottom: 4vh;
+
+ .pay-total {
+ float: right;
+ span {
+ color: red;
+ margin: 0 5px;
+ }
+ }
+ }
+
+ .mk-pay-type {
+ margin: 0px 0px 10px 20px;
+ padding-top: 20px;
+ .tip {
+ margin-right: 5px;
+ }
}
.mk-pay-content {
- display: inline-block;
- width: 80%;
- height: calc(100% - 40px);
+ min-height: 470px;
+ box-shadow: 0px 0px 40px #dfdfdf;
+ margin-bottom: 6vh;
+ .qrcode-box {
+ display: inline-block;
+ width: 50%;
+ text-align: center;
+ p {
+ font-size: 12px;
+ margin-top: 10px;
+ }
+ canvas {
+ padding: 15px;
+ border: 1px solid #dddddd;
+ }
+ .qrcode-tip {
+ background: #ff7674;
+ width: 230px;
+ margin: 10px auto;
+ img {
+ width: 40px;
+ margin: 4px;
+ vertical-align: top;
+ }
+ div {
+ display: inline-block;
+ margin-top: 8px;
+ margin-left: 10px;
+
+ p {
+ margin: 0;
+ color: #ffffff;
+ text-align: left;
+ }
+ }
+ }
+ }
+ .weixin-scan {
+ vertical-align: top;
+ width: 280px;
+ margin-top: 20px;
+ }
}
.mk-pay-msg {
display: inline-block;
width: 20%;
height: calc(100% - 40px);
}
+ .mk-pay-bottom {
+ border-top: 1px solid #dddddd;
+ padding-top: 10px;
+ p {
+ margin-bottom: 5px;
+ text-align: center;
+ font-size: 12px;
+ }
+ }
}
}
\ No newline at end of file
--
Gitblit v1.8.0