正在显示
3 个修改的文件
包含
205 行增加
和
0 行删除
@@ -174,4 +174,14 @@ class FriendController extends HomeBaseController | @@ -174,4 +174,14 @@ class FriendController extends HomeBaseController | ||
174 | return $this->fetch(':password_manager'); | 174 | return $this->fetch(':password_manager'); |
175 | } | 175 | } |
176 | 176 | ||
177 | + //输入密码 | ||
178 | + public function enterPassword() { | ||
179 | + return $this->fetch(':enter_password'); | ||
180 | + } | ||
181 | + | ||
182 | + //确认密码 | ||
183 | + public function surePassword() { | ||
184 | + return $this->fetch(':sure_password'); | ||
185 | + } | ||
186 | + | ||
177 | } | 187 | } |
1 | + | ||
2 | +<!DOCTYPE html> | ||
3 | +<html lang="en"> | ||
4 | +<head> | ||
5 | + <meta charset="UTF-8"> | ||
6 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
7 | + <link rel="stylesheet" href="https://at.alicdn.com/t/font_834805_0ml90wdq5hzm.css"> | ||
8 | + <link rel="stylesheet" href="__INDEX__/css/base.css"> | ||
9 | + <link rel="stylesheet" href="__INDEX__/css/swiper.min.css"> | ||
10 | + <script type="text/javascript" src="__INDEX__/js/base.js"></script> | ||
11 | + <title>输入密码</title> | ||
12 | + <style> | ||
13 | + body,html{ | ||
14 | + width:100%; | ||
15 | + height:100%; | ||
16 | + background:#F5F6FA; | ||
17 | + } | ||
18 | + .passwordnum{ | ||
19 | + color:#1A1A1A; | ||
20 | + font-size: 0.36rem; | ||
21 | + font-weight: bold; | ||
22 | + margin: 2.16rem 3.02rem; | ||
23 | + } | ||
24 | + .nextstep{ | ||
25 | + width:2.4rem; | ||
26 | + height:0.88rem; | ||
27 | + background:#FE0A01; | ||
28 | + color:#fff; | ||
29 | + font-size: 0.32rem; | ||
30 | + text-align: center; | ||
31 | + line-height: 0.88rem; | ||
32 | + border-radius: 0.44rem; | ||
33 | + box-shadow:0px 15px 30px 0px rgba(254,10,1,0.24); | ||
34 | + margin: 0.66rem 2.55rem 0 2.55rem; | ||
35 | + } | ||
36 | + .enterpassword{ | ||
37 | + width:4.8rem; | ||
38 | + margin: 0 auto; | ||
39 | + display:flex; | ||
40 | + justify-content: space-between; | ||
41 | + align-items: center; | ||
42 | + font-size: 0; | ||
43 | + margin-top: 0.48rem; | ||
44 | + } | ||
45 | + .enterpassword li{ | ||
46 | + width:0.8rem; | ||
47 | + height:0.8rem; | ||
48 | + list-style: none; | ||
49 | + border:1px solid rgba(153,153,153,1); | ||
50 | + text-align: center; | ||
51 | + border-right:0; | ||
52 | + background: #fff; | ||
53 | + } | ||
54 | + .enterpassword li:last-child{ | ||
55 | + border-right:1px solid rgba(153,153,153,1) ; | ||
56 | + } | ||
57 | + .enterpassword li input{ | ||
58 | + width:0.67rem; | ||
59 | + height:0.76rem; | ||
60 | + list-style: none; | ||
61 | + text-align: center; | ||
62 | + border:none; | ||
63 | + | ||
64 | + } | ||
65 | + | ||
66 | + </style> | ||
67 | + | ||
68 | + | ||
69 | +</head> | ||
70 | +<body> | ||
71 | +<div class="container"> | ||
72 | + <p class="passwordnum">输入密码</p> | ||
73 | + <ul class="enterpassword"> | ||
74 | + <li> | ||
75 | + <input type="text"> | ||
76 | + </li> | ||
77 | + <li> | ||
78 | + <input type="text"> | ||
79 | + </li> | ||
80 | + <li> | ||
81 | + <input type="text"> | ||
82 | + </li> | ||
83 | + <li> | ||
84 | + <input type="text"> | ||
85 | + </li> | ||
86 | + <li> | ||
87 | + <input type="text"> | ||
88 | + </li> | ||
89 | + <li> | ||
90 | + <input type="text"> | ||
91 | + </li> | ||
92 | + </ul> | ||
93 | + <p class="nextstep">下一步</p> | ||
94 | +</div> | ||
95 | +</body> | ||
96 | +<script src="__INDEX__/js/jquery.min.js"></script> | ||
97 | +<script> | ||
98 | + $(".nextstep").click(function(){ | ||
99 | + window.location.href="{:url('friendship/Friend/surePassword')}" | ||
100 | + }) | ||
101 | +</script> | ||
102 | +</html> |
1 | + | ||
2 | +<!DOCTYPE html> | ||
3 | +<html lang="en"> | ||
4 | +<head> | ||
5 | + <meta charset="UTF-8"> | ||
6 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> | ||
7 | + <link rel="stylesheet" href="https://at.alicdn.com/t/font_834805_0ml90wdq5hzm.css"> | ||
8 | + <link rel="stylesheet" href="__INDEX__/css/base.css"> | ||
9 | + <link rel="stylesheet" href="__INDEX__/css/swiper.min.css"> | ||
10 | + <script type="text/javascript" src="__INDEX__/js/base.js"></script> | ||
11 | + <title>输入密码</title> | ||
12 | + <style> | ||
13 | + body,html{ | ||
14 | + width:100%; | ||
15 | + height:100%; | ||
16 | + background:#F5F6FA; | ||
17 | + } | ||
18 | + .passwordnum{ | ||
19 | + color:#1A1A1A; | ||
20 | + font-size: 0.36rem; | ||
21 | + font-weight: bold; | ||
22 | + margin: 2.16rem 3.02rem; | ||
23 | + } | ||
24 | + .nextstep{ | ||
25 | + width:2.4rem; | ||
26 | + height:0.88rem; | ||
27 | + background:#FE0A01; | ||
28 | + color:#fff; | ||
29 | + font-size: 0.32rem; | ||
30 | + text-align: center; | ||
31 | + line-height: 0.88rem; | ||
32 | + border-radius: 0.44rem; | ||
33 | + box-shadow:0px 15px 30px 0px rgba(254,10,1,0.24); | ||
34 | + margin: 0.66rem 2.55rem 0 2.55rem; | ||
35 | + } | ||
36 | + .enterpassword{ | ||
37 | + width:4.8rem; | ||
38 | + margin: 0 auto; | ||
39 | + display:flex; | ||
40 | + justify-content: space-between; | ||
41 | + align-items: center; | ||
42 | + font-size: 0; | ||
43 | + margin-top: 0.48rem; | ||
44 | + } | ||
45 | + .enterpassword li{ | ||
46 | + width:0.8rem; | ||
47 | + height:0.8rem; | ||
48 | + list-style: none; | ||
49 | + border:1px solid rgba(153,153,153,1); | ||
50 | + text-align: center; | ||
51 | + border-right:0; | ||
52 | + background: #fff; | ||
53 | + } | ||
54 | + .enterpassword li:last-child{ | ||
55 | + border-right:1px solid rgba(153,153,153,1) ; | ||
56 | + } | ||
57 | + .enterpassword li input{ | ||
58 | + width:0.67rem; | ||
59 | + height:0.76rem; | ||
60 | + list-style: none; | ||
61 | + text-align: center; | ||
62 | + border:none; | ||
63 | + | ||
64 | + } | ||
65 | + </style> | ||
66 | +</head> | ||
67 | +<body> | ||
68 | +<div class="container"> | ||
69 | + <p class="passwordnum">确认密码</p> | ||
70 | + <ul class="enterpassword"> | ||
71 | + <li> | ||
72 | + <input type="text"> | ||
73 | + </li> | ||
74 | + <li> | ||
75 | + <input type="text"> | ||
76 | + </li> | ||
77 | + <li> | ||
78 | + <input type="text"> | ||
79 | + </li> | ||
80 | + <li> | ||
81 | + <input type="text"> | ||
82 | + </li> | ||
83 | + <li> | ||
84 | + <input type="text"> | ||
85 | + </li> | ||
86 | + <li> | ||
87 | + <input type="text"> | ||
88 | + </li> | ||
89 | + </ul> | ||
90 | + <p class="nextstep">确认</p> | ||
91 | +</div> | ||
92 | +</body> | ||
93 | +</html> |
-
请 注册 或 登录 后发表评论