登录界面更新

src/features/login/Login.vue

@@ -2,24 +2,25 @@
   <div class="home">
     <div class="login-bg"></div>
   <Row>
-    <Col :xs="{ span: 24}" :md ="{ span: 8, offset: 14}" :lg="{ span: 8, offset: 14 }">
-      <Card> 
-        <font size="5">远程教育网络考试</font>
+    <Col :xs="{ span: 24}" :md ="{ span: 8, offset: 14}" :lg="{ span: 8, offset: 14}" >
+        <RadioGroup v-model="button2" type="button" size="large" style="width:100%;border-bottom:0px;height:40px">
+            <Radio label="学号登录" long style="width:50%;height:40px"></Radio>
+            <Radio label="身份证号登录" long disabled style="width:50%;height:40px"></Radio>
+      
+        </RadioGroup>
+      <Card style="width:100%;border-top:0px"> 
+        <div style='margin-bottom:20px;margin-top:32px;font-family: FZLTZCHK--GBK1-0;font-size: 20px;font-weight: normal;	font-stretch:normal;line-height:24px;letter-spacing: 0px;color: #444444;'>
+          <font size="5" >远程教育网络考试</font>
+        </div>
         <Row>
             <Col>        
                 <Form ref="loginForm" :model="loginForm" :rules="loginFormRule">
-                  <FormItem prop="accountType">
-                          <RadioGroup size="large" v-model="loginForm.accountType">
-                              <Radio label="STUDENT_CODE">学生</Radio>
-                              <Radio label="STUDENT_IDENTITY_NUMBER">身份证号</Radio>
-                          </RadioGroup>                
-                  </FormItem>
-                  <FormItem prop="accountValue">
+                  <FormItem prop="accountValue" style='margin-bottom:35px;height:42px'>
                       <Input type="text" size="large" v-model="loginForm.accountValue" placeholder="登录账号">
                           <Icon type="ios-person-outline" slot="prepend"></Icon>
                       </Input>
                   </FormItem>
-                  <FormItem prop="password">
+                  <FormItem prop="password" style='margin-bottom:35px;height:42px'>
                       <Input type="password" size="large" v-model="loginForm.password" placeholder="密码">
                           <Icon type="ios-locked-outline" slot="prepend"></Icon>
                       </Input>
@@ -29,12 +30,14 @@
                         <Col span="18" offset ="3" v-if="errorInfo!==''">
                              <Alert type="error" show-icon>{{errorInfo}}</Alert>
                         </Col>
-                        <Col span="12" style="padding-right: 5px;">
-                              <Button type="error" size="large" @click="login('loginForm')">登录</Button>
+                        <Col span="24">
+                              <Button type="success" size="large" style="height:50px" long  @click="login('loginForm')">登录</Button>
                         </Col>
+                        <!--
                         <Col span="12" style="padding-left: 5px;">
                               <Button type="ghost" size="large" @click="close('loginForm')">关闭</Button>
                         </Col>
+                         -->
                       </Row>
                   </FormItem>
               </Form>