作者 lihan
1 个管道 的构建 通过 耗费 2 秒

赠送积分和角色管理

@@ -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>