From 65af73145a37e306a99d2db059afa92e0be258d4 Mon Sep 17 00:00:00 2001 From: liuweiwen <“529520975@qq.com> Date: Wed, 4 Dec 2019 15:06:10 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=91=E5=AE=9A=E6=89=8B=E6=9C=BA=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E4=BF=AE=E6=94=B9=EF=BC=8C=E4=BF=AE=E6=94=B9=E5=AF=86?= =?UTF-8?q?=E7=A0=81=E9=A1=B5=E9=9D=A2=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Mobile/View/User/userpassword.html | 72 +++++------ Application/Mobile/View/User/userphone.html | 54 +++----- Public/Mobile/css/password.css | 95 ++++++++++++++ Public/Mobile/css/remove.css | 122 +++++++++++------- 4 files changed, 223 insertions(+), 120 deletions(-) create mode 100644 Public/Mobile/css/password.css diff --git a/Application/Mobile/View/User/userpassword.html b/Application/Mobile/View/User/userpassword.html index 9de7f1e4b..41c949856 100644 --- a/Application/Mobile/View/User/userpassword.html +++ b/Application/Mobile/View/User/userpassword.html @@ -4,47 +4,39 @@ - -
-
-
-
- -
修改密码 - -
-
- -
-
- -
原始密码
-
- -
- -
-
- -
新密码
-
- -
- -
-
- -
确认密码
-
- -
- -
保存修改
-
+ + +
+ +
修改密码 + +
+ +
-
+
+ + +
+
+ + +
+
提交
+ + + +
-
绑定手机解除绑定
-
- -
- - -
-
- -
手机号
+ + - - -
-
- -
手机号
+ + - -
- - - - - -
-
- -
验证码
+ + -
获取验证码
+
-
保存修改
- - - -
+
diff --git a/Public/Mobile/css/password.css b/Public/Mobile/css/password.css new file mode 100644 index 000000000..a5d5c480e --- /dev/null +++ b/Public/Mobile/css/password.css @@ -0,0 +1,95 @@ +.loginPhTwo{ + width: 100%; + font-family:PingFang SC; +} +.login-box{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.login-input{ + margin-top: 0.6rem; + width: 5.5rem; + height: 0.8rem; + display: flex; + align-items: center; + justify-content: center; + background:rgba(245,245,245,1); + border-radius:0.4rem; +} +.login-input>img{ + width: 0.42rem; + height: 0.42rem; +} +.login-input>input{ + font-size: 0.28rem; + border: 0; + outline: 0; + height: 0.6rem; + width: 4rem; + margin-left: 0.16rem; + background-color: rgba(245,245,245,1); +} +.login-input>input::placeholder{ + color: #A9A9A9; +} +.login-code{ + margin-top: 0.6rem; + display: flex; + align-items: center; + justify-content: center; +} +.login-code>input{ + width: 3rem; + height: 0.8rem; + background-color: #F5F5F5; + border-radius: 0.4rem; + font-size: 0.28rem; + text-align: center; + border: 0; + outline: 0; +} +.login-code>input::placeholder{ + text-align: center; + color: #A9A9A9; +} +.login-code>div{ + width: 2.3rem; + height: 0.8rem; + background-color: #389AED; + font-size: 0.28rem; + color: #FFFFFF; + border-radius: 0.4rem; + margin-left: 0.2rem; + text-align: center; + line-height: 0.8rem; +} +.login-btn{ + margin-top: 0.6rem; + width: 5.5rem; + height: 0.8rem; + background-color: #389AED; + border-radius: 0.4rem; + font-size: 0.32rem; + color: #fff; + text-align: center; + line-height: 0.8rem; + outline: 0; + border: 0; + } + .forget-text{ + font-size: 0.24rem; + color: #292929; + margin-top: 0.3rem; + font-weight: 400; + text-align: center; + line-height: 0.4rem; + } + .forget-text a{ + color: #389AED; + font-size: 0.24rem; + font-weight: 400; + margin-left: 0.1rem; + cursor: pointer; + } \ No newline at end of file diff --git a/Public/Mobile/css/remove.css b/Public/Mobile/css/remove.css index 127d48c3d..15c1133b5 100644 --- a/Public/Mobile/css/remove.css +++ b/Public/Mobile/css/remove.css @@ -1,61 +1,95 @@ -.remove-info{ +.loginPhTwo{ width: 100%; + font-family:PingFang SC; } -.remove-input { - padding: 0.15rem 0.3rem; +.login-box{ display: flex; + flex-direction: column; align-items: center; - justify-content: space-between; - border-bottom: 1px solid #F5F5F5; - height: 0.78rem; - font-size: 0.28rem; + justify-content: center; } -.remove-inputBox { +.login-input{ + margin-top: 0.6rem; + width: 5.5rem; + height: 0.8rem; display: flex; align-items: center; - font-size:0.28rem; - font-family:PingFang SC; - font-weight:500; - color:rgba(41,41,41,1) + justify-content: center; + background:rgba(245,245,245,1); + border-radius:0.4rem; } -.remove-inputBox>img{ - width: 0.3rem; - height: 0.3rem; - margin-right: 0.23rem; +.login-input>img{ + width: 0.42rem; + height: 0.42rem; } -.remove-inputBox>input{ - width: 1.8rem; - height: 0.5rem; +.login-input>input{ + font-size: 0.28rem; border: 0; outline: 0; - padding: 0; + height: 0.6rem; + width: 4rem; + margin-left: 0.16rem; + background-color: rgba(245,245,245,1); +} +.login-input>input::placeholder{ + color: #A9A9A9; +} +.login-code{ + margin-top: 0.6rem; + display: flex; + align-items: center; + justify-content: center; +} +.login-code>input{ + width: 3rem; + height: 0.8rem; + background-color: #F5F5F5; + border-radius: 0.4rem; font-size: 0.28rem; - margin-left: 0.33rem; -} -.code{ - width:1.84rem; - height:0.6rem; - background:rgba(33,177,235,1); - border-radius:0.3rem; - font-size:0.28rem; - font-family:PingFang SC; - font-weight:400; - color:rgba(255,255,255,1); text-align: center; - line-height: 0.6rem; + border: 0; + outline: 0; +} +.login-code>input::placeholder{ + text-align: center; + color: #A9A9A9; } - -.save{ - width:5rem; - height:0.8rem; - background:rgba(33,177,235,1); - border-radius:0.4rem; - font-size:0.32rem; - font-family:PingFang SC; - font-weight:500; - color:rgba(255,255,255,1); +.login-code>div{ + width: 2.3rem; + height: 0.8rem; + background-color: #389AED; + font-size: 0.28rem; + color: #FFFFFF; + border-radius: 0.4rem; + margin-left: 0.2rem; + text-align: center; line-height: 0.8rem; +} +.login-btn{ + margin-top: 0.6rem; + width: 5.5rem; + height: 0.8rem; + background-color: #389AED; + border-radius: 0.4rem; + font-size: 0.32rem; + color: #fff; text-align: center; - margin: 0.3rem auto 0 auto; - margin-bottom: 10px; + line-height: 0.8rem; + outline: 0; + border: 0; +} +.forget-text{ + font-size: 0.24rem; + color: #292929; + margin-top: 0.3rem; + font-weight: 400; + text-align: center; + line-height: 0.4rem; +} +.forget-text a{ + color: #389AED; + font-size: 0.24rem; + font-weight: 400; + margin-left: 0.1rem; + cursor: pointer; } \ No newline at end of file