fix format

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>

Author: ZTL-UwU

src/components/user/edit.vue

@@ -8,12 +8,29 @@
       </el-card>
       <!-- Mobile screen -->
       <el-card class="item float" v-if="smallScreen">
-        <el-button v-if="isMine || this.$store.state.user.isStaff || this.$store.state.user.isRoot" type="primary" @click="submit()" icon="el-icon-check" circle />
-        <el-button @click="$router.go(-1);" icon="el-icon-back" circle />
+        <el-button
+          v-if="isMine || this.$store.state.user.isStaff || this.$store.state.user.isRoot"
+          type="primary"
+          @click="submit()"
+          icon="el-icon-check"
+          circle
+        />
+        <el-button
+          @click="$router.go(-1);"
+          icon="el-icon-back"
+          circle
+        />
       </el-card>
       <!-- Normal screen -->
       <el-card class="item" v-else>
-        <el-button v-if="isMine || this.$store.state.user.isStaff || this.$store.state.user.isRoot" type="primary" @click="submit()" :loading="buttonLoading">Submit</el-button>
+        <el-button
+          v-if="isMine || this.$store.state.user.isStaff || this.$store.state.user.isRoot"
+          type="primary"
+          @click="submit()"
+          :loading="buttonLoading"
+        >
+          Submit
+        </el-button>
         <el-button @click="$router.go(-1);">Back</el-button>
       </el-card>
     </div>
@@ -47,13 +64,19 @@
         </el-col>
       </el-row>
       <el-card class="item">
-        <div slot="header" class="clearfix"><i class="el-icon-chat-line-square" /> Permissions</div>
+        <div slot="header" class="clearfix">
+          <i class="el-icon-chat-line-square" />
+          Permissions
+        </div>
         <el-checkbox v-model="isStaff" :disabled="!isStaffMe && !isRootMe">Staff</el-checkbox>
         <el-checkbox v-model="isRoot" :disabled="!isStaffMe && !isRootMe">Root</el-checkbox>
         <el-checkbox v-model="isActive" :disabled="(!isStaffMe && !isRootMe) || isMine">Active</el-checkbox>
       </el-card>
       <el-card class="item">
-        <div slot="header" class="clearfix"><i class="el-icon-chat-line-square" /> Introductions</div>
+        <div slot="header" class="clearfix">
+          <i class="el-icon-chat-line-square" />
+          Introductions
+        </div>
         <MarkdownEditor v-model="introduction" />
       </el-card>
     </div>

src/components/user/login.vue

@@ -9,16 +9,28 @@
       class="max-screen"
       >
       <el-form :model="ldata" ref="loginForm" :rules="rules">
-        <div class="icon-lable"><i class="el-icon-user" /> Username</div>
+        <div class="icon-lable">
+          <i class="el-icon-user" />
+          Username
+        </div>
         <el-form-item prop="username">
           <el-input v-model="ldata.username"></el-input>
         </el-form-item>
-        <div class="icon-lable"><i class="el-icon-lock" /> Password</div>
+        <div class="icon-lable">
+          <i class="el-icon-lock" />
+          Password
+        </div>
         <el-form-item prop="password">
           <el-input type="password" v-model="ldata.password"></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" v-on:click="onSubmit();" :loading="buttonLoading">Login</el-button>
+          <el-button
+            type="primary"
+            v-on:click="onSubmit();"
+            :loading="buttonLoading"
+          >
+            Login
+          </el-button>
           <el-button v-on:click="$store.state.user.showlogin = false">Cancel</el-button>
           <el-button v-on:click="reset();">Reset</el-button>
         </el-form-item>

src/components/user/register.vue

@@ -1,27 +1,59 @@
 <template>
   <div>
-    <el-dialog title="Register" :visible.sync="$store.state.user.showregister" :destroy-on-close="true" :close-on-click-modal="false" width="500px">
-      <el-form :model="ldata" ref="registerForm" :rules="rules" :status-icon="true">
-        <div class="icon-lable form-required"><i class="el-icon-user" /> Username</div>
+    <el-dialog
+      title="Register"
+      :visible.sync="$store.state.user.showregister"
+      :destroy-on-close="true"
+      :close-on-click-modal="false"
+      width="500px"
+    >
+      <el-form
+        :model="ldata"
+        ref="registerForm"
+        :rules="rules"
+        :status-icon="true"
+      >
+        <div class="icon-lable form-required">
+          <i class="el-icon-user" />
+          Username
+        </div>
         <el-form-item prop="username">
           <el-input v-model="ldata.username"></el-input>
         </el-form-item>
-        <div class="icon-lable form-required"><i class="el-icon-lock" /> Password</div>
+        <div class="icon-lable form-required">
+          <i class="el-icon-lock" />
+          Password
+        </div>
         <el-form-item prop="password">
           <el-input type="password" v-model="ldata.password"></el-input>
         </el-form-item>
-        <div class="icon-lable form-required"><i class="el-icon-lock" /> Repeat password</div>
+        <div class="icon-lable form-required">
+          <i class="el-icon-lock" />
+          Repeat password
+        </div>
         <el-form-item prop="passwdrepeat">
           <el-input type="password" v-model="ldata.passwdrepeat"></el-input>
         </el-form-item>
-        <div class="icon-lable form-required"><i class="el-icon-message" /> Email</div>
+        <div class="icon-lable form-required">
+          <i class="el-icon-message" />
+          Email
+        </div>
         <el-form-item prop="email">
           <el-input type="email" v-model="ldata.email"></el-input>
         </el-form-item>
-        <div class="icon-lable form-required"><i class="el-icon-check" /> Captcha</div>
+        <div class="icon-lable form-required">
+          <i class="el-icon-check" />
+          Captcha
+        </div>
         <captcha ref="captchaElement" class="margin-bottom" />
         <el-form-item>
-          <el-button type="primary" v-on:click="onSubmit();" :loading="buttonLoading">Register</el-button>
+          <el-button
+            type="primary"
+            v-on:click="onSubmit();"
+            :loading="buttonLoading"
+          >
+            Register
+          </el-button>
           <el-button v-on:click="$store.state.user.showregister = false;">Cancel</el-button>
           <el-button v-on:click="reset();">Reset</el-button>
         </el-form-item>