调整登录页面

src/components/login/login.less

@@ -26,28 +26,45 @@
         top: 50%;
         transform: translateY(-60%);
         width: 300px;
-        .ivu-card-head {
-            padding: 14px 6px;
-            >p{
-                line-height: 20px;
-                font-size: 14px;
-                color: #17233d;
-                font-weight: 700;
+        .ivu-card{
+            border-radius: 15px;
+            .ivu-card-head {
+                padding: 14px 6px;
+                >p{
+                    line-height: 20px;
+                    font-size: 20px;
+                    color: #17233d;
+                    font-weight: 700;
+                    text-align:center;
+                }
             }
-        }
-        &-header{
-            font-size: 16px;
-            font-weight: 300;
-            text-align: center;
-            padding: 30px 0;
-        }
-        .form-con{
-            padding: 10px 0 0;
-        }
-        .login-tip{
-            font-size: 10px;
-            text-align: center;
-            color: #c3c3c3;
-        }
+            &-header{
+                font-size: 16px;
+                font-weight: 300;
+                text-align: center;
+                padding: 30px 0;
+            }
+            .form-con{
+                padding: 10px 0 0;
+                .ivu-form-item{
+                    margin-bottom: 20px;
+                }
+                p{
+                    font-size: 14px;
+                    font-weight: bold;
+                    height: 21px;
+                    line-height: 21px;
+                }
+                button{
+                    background-image: linear-gradient(to bottom,#8bbcf1 0%,#2d8cf0 100%);
+                    border-color:#8bbcf1;
+                }
+            }
+            .login-tip{
+                font-size: 10px;
+                text-align: center;
+                color: #5f4949;    
+            }
+        }    
     }
 }
\ No newline at end of file

src/components/login/login.vue

@@ -10,12 +10,14 @@
         <div class='login-con'>
             <card :bordered="false">
                 <p slot='title'>
-                    <icon type='ios-log-in'></icon>
-                    &nbsp;&nbsp;{{this.$t('components.login.caption')}}
+                    <!-- <icon type='ios-log-in'></icon> -->
+                    <!-- &nbsp;&nbsp; -->
+                    {{this.$t('components.login.caption')}}
                 </p>
                 <div class='form-con'>
                     <i-form ref='loginForm' :rules="rules" :model="form">
                         <form-item prop='loginname'>
+                            <p>用户名</p>
                             <i-input
                                 prefix='ios-contact'
                                 v-model="form.loginname"
@@ -23,6 +25,7 @@
                             </i-input>
                         </form-item>
                         <form-item prop='password'>
+                            <p>密码</p>
                             <i-input
                                 prefix='ios-key'
                                 v-model="form.password"