From 2fb5f0ed883e609a316b792b3e33baef9c49459a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?W=E5=A4=8F=E6=97=A5?= <1241133727@qq.com>
Date: Wed, 27 Dec 2023 17:01:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=86=E6=88=B7=E7=94=A8=E6=88=B7=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=9D=A2=E5=86=85=E5=AE=B9=E7=9A=84=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=8F=8A=E5=B8=83=E5=B1=80=E8=B0=83=E6=95=B4=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/merchant-login/merchant-login.wxml | 19 ++++++
 pages/merchant-login/merchant-login.wxss | 86 +++++++++++++++++++++++-
 2 files changed, 104 insertions(+), 1 deletion(-)

diff --git a/pages/merchant-login/merchant-login.wxml b/pages/merchant-login/merchant-login.wxml
index adf42f8..bedec5c 100644
--- a/pages/merchant-login/merchant-login.wxml
+++ b/pages/merchant-login/merchant-login.wxml
@@ -1,2 +1,21 @@
 <view class="page-bg">
+  <view class="login-copy-content">
+    <image class="login-copy-style" mode="aspectFill" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/login-copy.png"></image>
+  </view>
+  <view class="input-mobile-phone">
+    <input class="phone-input" bindinput= ""  name="phone" placeholder="请输入手机号" value="" />
+  </view>
+  <view class="input-validation">
+    <input class="mobile-verification" bindinput= ""  name="phone" placeholder="请输入短信验证码" value="" />
+    <button class="verification-button">获取验证码</button>
+  </view>
+  <button class="login-button">登 录</button>
+  <view class="consent-agreement">
+        <view class="radio-style" bindtap='checkedTap'>
+          <radio checked="{{checked1}}"></radio>
+        </view>
+        <span class="agree-style">我同意</span>
+        <span class="orangeColor" catchtap="readFile" data-url="" data-txt="使用条款">《排队支付用户服务协议》</span>
+        <span class="orangeColor" catchtap="readFile" data-url="" data-txt="隐私政策">《隐私保护协议》</span>
+      </view>
 </view>
diff --git a/pages/merchant-login/merchant-login.wxss b/pages/merchant-login/merchant-login.wxss
index 9a31a46..01d8c7c 100644
--- a/pages/merchant-login/merchant-login.wxss
+++ b/pages/merchant-login/merchant-login.wxss
@@ -1,4 +1,88 @@
 page{
-  background: #f7f7f7;
+  background: #fff;
+}
+.page-bg{
+  width: 750rpx;
+  height: 1492rpx;
+  background: url("https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/Login-bg.png") no-repeat center center;
+  background-size:cover;
+  padding: 0 30rpx;
+}
+image.login-copy-style{
+  width: 364rpx;
+  height: 200rpx;
+  background-size:cover;
+  margin: 90rpx 0;
+}
+.input-mobile-phone{
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  width: 690rpx;
+  height: 88rpx;
+  background: #fff;
+  border-radius: 100rpx;
+  padding: 0 40rpx;
+  margin-bottom: 40rpx;
+}
+input.phone-input{
+  width: 690rpx;
+  font-family: "Microsoft YaHei";
+  font-size: 24rpx;
+  color: #999;
+}
+.input-validation{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 690rpx;
+  height: 88rpx;
+  background: #fff;
+  border-radius: 100rpx;
+  padding: 0 40rpx;
+  margin-bottom: 40rpx;
+}
+input.mobile-verification{
+  width: 400rpx;
+  font-family: "Microsoft YaHei";
+  font-size: 24rpx;
+  color: #999;
+}
+button.verification-button{
+  font-family: "Microsoft YaHei";
+  font-size: 24rpx;
+  color: #454545;
+  background: none;
+  border-radius: 100rpx;
+  border: 1rpx solid #fff;
+  margin: 0;
+}
+button{
+  border: none;
+}
+button.login-button{
+  width: 690rpx;
+  height: 88rpx;
+  line-height: 88rpx;
+  font-family: "Microsoft YaHei";
+  font-size: 30rpx;
+  color: #fff;
+  font-weight: bold;
+  background: #F52F3E;
+  border-radius: 100rpx;
+  margin-top: 90rpx;
+  border: none;
+}
+.consent-agreement{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 36rpx;
+}
+.agree-style{
+  font-family: "Microsoft YaHei";
+  font-size: 24rpx;
+  color: #999;
+  margin-left: 10rpx;
 }