调整登录页面

src/components/login/login.less

@@ -26,13 +26,16 @@
         top: 50%;
         transform: translateY(-60%);
         width: 300px;
+        .ivu-card{
+            border-radius: 15px;
             .ivu-card-head {
                 padding: 14px 6px;
                 >p{
                     line-height: 20px;
-                font-size: 14px;
+                    font-size: 20px;
                     color: #17233d;
                     font-weight: 700;
+                    text-align:center;
                 }
             }
             &-header{
@@ -43,11 +46,25 @@
             }
             .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: #c3c3c3;
+                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"