4.8 20:40

src/views/index.vue

@@ -7,9 +7,18 @@
         </router-link>
       </div>
       <div class="navUser">
-        <div v-if="login" class="block"><el-avatar shape="square" :size="50" fit="cover" :src="squareUrl"></el-avatar></div>
+        <div v-if="login" class="block">
+          <el-avatar
+            shape="square"
+            :size="50"
+            fit="cover"
+            :src="squareUrl"
+          ></el-avatar>
+        </div>
         <span v-if="login">{{ userName }}</span>
-        <el-button v-else type="primary" icon="el-icon-user-solid">登陆</el-button>
+        <el-button v-else type="primary" icon="el-icon-user-solid"
+          >登陆</el-button
+        >
       </div>
     </div>
     <div class="content">
@@ -21,12 +30,12 @@
           <li v-for="(item, index) in parItem" :key="index">
             <div class="title">
               <router-link :to="item.url">
-                {{ item.title }}<br />{{ item.title2 }}<br>
+                {{ item.title }}<br />{{ item.title2 }}<br />
                 <button>查看详情</button>
               </router-link>
             </div>
             <router-link :to="item.url">
-              <img :src="item.imgs"/>
+              <img :src="item.imgs" />
             </router-link>
           </li>
         </ul>
@@ -99,12 +108,13 @@ export default {
     float: right;
     margin-right: 100px;
 
-    .block, .el-button {
+    .block,
+    .el-button {
       display: inline-block;
       margin-top: 15px;
     }
 
-    span{
+    span {
       float: right;
       line-height: 80px;
       margin-left: 10px;
@@ -157,18 +167,18 @@ export default {
     -o-transition: all 0.5s;
     transition: all 0.5s;
     animation-duration: 3s;
-  animation-name: slidein;
+    animation-name: slidein;
   }
 
   @keyframes slidein {
-  from {
-    width: 740px;
-  }
+    from {
+      width: 740px;
+    }
 
-  to {
-    width: 180px;
+    to {
+      width: 180px;
+    }
   }
-}
 
   li img {
     object-fit: cover;

src/views/login.vue

@@ -21,6 +21,14 @@
               show-password
             ></el-input>
           </el-form-item>
+          <el-form-item prop="password">
+            <el-input
+              v-model="form.affirm"
+              clearable
+              placeholder="请输入密码"
+              show-password
+            ></el-input>
+          </el-form-item>
         </el-form>
       </div>
       <div class="tool">
@@ -51,7 +59,8 @@ export default {
     return {
       form: {
         password: '',
-        username: ''
+        username: '',
+        affirm: ''
       },
       checked: false,
       rules: {