diff --git a/src/pages/core/login/index.vue b/src/pages/core/login/index.vue
index 08e3357c..8efee18a 100644
--- a/src/pages/core/login/index.vue
+++ b/src/pages/core/login/index.vue
@@ -20,6 +20,14 @@
                 <i slot="prepend" class="fa fa-keyboard-o"></i>
               </el-input>
             </el-form-item>
+            <el-form-item prop="code">
+              <el-input type="text" v-model="formLogin.code" placeholder="- - - -">
+                <template slot="prepend">验证码</template>
+                <template slot="append">
+                  <img class="login-code" src="static/image/login-code.png" alt="">
+                </template>
+              </el-input>
+            </el-form-item>
             <el-button @click="submit" type="primary" class="button-login">登陆</el-button>
           </el-form>
         </el-card>
@@ -45,7 +53,8 @@ export default {
     return {
       formLogin: {
         username: 'admin',
-        password: 'admin'
+        password: 'admin',
+        code: 'v9am'
       },
       rules: {
         username: [
@@ -53,6 +62,9 @@ export default {
         ],
         password: [
           { required: true, message: '请输入密码', trigger: 'blur' }
+        ],
+        code: [
+          { required: true, message: '请输入验证码', trigger: 'blur' }
         ]
       }
     }
diff --git a/src/pages/core/login/style.scss b/src/pages/core/login/style.scss
index b0d9171f..5af98b12 100644
--- a/src/pages/core/login/style.scss
+++ b/src/pages/core/login/style.scss
@@ -50,6 +50,13 @@
     .el-input-group__prepend {
       padding: 0px 14px;
     }
+    .login-code {
+      height: 40px - 2px;
+      display: block;
+      margin: 0px -20px;
+      border-top-right-radius: 2px;
+      border-bottom-right-radius: 2px;
+    }
   }
   // 帮助按钮
   .button-help {