样式优化

Application/Home/View/Item/pwd.html

@@ -2,8 +2,8 @@
 <link rel="stylesheet" href="__PUBLIC__/css/login.css" />
     <div class="container">
 
-            <form class="form-signin myform" method="post" action="server/index.php?s=/api/item/pwd">
-        <h3 class="form-signin-heading">{$Think.Lang.input_visit_password}</h3>
+            <form class="form-signin myform card" method="post" action="server/index.php?s=/api/item/pwd">
+        <h3 class="form-signin-heading heading">{$Think.Lang.input_visit_password}</h3>
         <input type="hidden" id="item_id" name="item_id" value="{$item_id}">
         <input type="password" class="input-block-level" name="password" placeholder="{$Think.Lang.password}">
         <input type="hidden"  name="refer_url" value="{$refer_url}">
@@ -15,9 +15,12 @@
           </div>
         </div>
         </if>
-        <button class="btn btn-large btn-primary" type="submit">{$Think.Lang.submit}</button>
-        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="{:U('Home/User/login')}">{$Think.Lang.login_or_register}</a>      </form>
-
+        <button class="btn btn-large btn-primary btn-block" type="submit">{$Think.Lang.submit}</button>
+     
+        <div class="form-group" style="text-align:center;margin-top:15px;">
+            <a href="{:U('Home/User/login')}">{$Think.Lang.login_or_register}</a>
+        </div>
+         </form>
     </div> <!-- /container -->
 
 

Application/Home/View/User/login.html

@@ -3,8 +3,8 @@
 
     <div class="container">
 
-      <form class="form-signin myform" method="post" action="server/index.php?s=/api/user/login">
-        <h3 class="form-signin-heading">{$Think.Lang.login}</h3>
+      <form class="form-signin myform card" method="post" action="server/index.php?s=/api/user/login">
+        <h3 class="form-signin-heading heading">{$Think.Lang.login}</h3>
         <input type="text" class="input-block-level"  name="username" placeholder="{$Think.Lang.username}">
         <input type="password" class="input-block-level" name="password" placeholder="{$Think.Lang.password}">
         <if  condition="$CloseVerify != 1">
@@ -15,8 +15,11 @@
           </div>
         </div>
         </if>
-        <button class="btn btn-large btn-primary" type="submit">{$Think.Lang.login}</button>
-        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="?s=/home/user/register">{$Think.Lang.no_account}</a>
+
+        <button class="btn btn-large btn-primary btn-block" type="submit">{$Think.Lang.login}</button>
+        <div class="form-group" style="text-align:center;margin-top:15px;">
+            <a href="?s=/home/user/register">{$Think.Lang.no_account}</a>
+        </div>
       </form>
 
     </div> <!-- /container -->

Application/Home/View/User/register.html

@@ -3,8 +3,8 @@
 
     <div class="container">
 
-      <form class="form-signin myform" method="post" action="server/index.php?s=api/user/register">
-        <h3 class="form-signin-heading">{$Think.Lang.register_new_account}</h3>
+      <form class="form-signin myform card" method="post" action="server/index.php?s=api/user/register">
+        <h3 class="form-signin-heading heading">{$Think.Lang.register_new_account}</h3>
         <input type="text" class="input-block-level" name="username" placeholder="{$Think.Lang.username_description}">
         <input type="password" class="input-block-level" name="password"  placeholder="{$Think.Lang.password}">
         <input type="password" class="input-block-level" name="confirm_password"  placeholder="{$Think.Lang.password_again}">
@@ -16,8 +16,10 @@
           </div>
         </div>
         </if>
-        <button class="btn btn-large btn-primary" type="submit">{$Think.Lang.register}</button>
-        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="?s=/home/user/login">{$Think.Lang.had_a_account}</a>
+        <button class="btn btn-large btn-primary btn-block" type="submit">{$Think.Lang.register}</button>
+        <div class="form-group" style="text-align:center;margin-top:15px;">
+            <a href="?s=/home/user/login">{$Think.Lang.had_a_account}</a>
+        </div>
       </form>
 
     </div> <!-- /container -->

Public/css/login.css

@@ -31,4 +31,22 @@ body {
 
 .container{
   margin-top: 5%;
-}
+}
+
+.card{
+    width: 330px;
+    position  : absolute;
+    top       : 50%;
+    left      : 50%;
+    transform : translate(-50%,-50%);
+    padding-top: 30px;
+    padding-left: 45px;
+    padding-right: 45px;
+    padding-bottom: 30px;
+    background-color: #fff;
+    box-sizing: border-box;
+}
+
+.heading{
+    text-align: center;
+    padding-bottom: 20px