【fix ESLint】src/views/account

jero-web/src/views/account/center/Index.vue

@@ -6,7 +6,7 @@
         <a-card :bordered="false">
           <div class="account-center-avatarHolder">
             <div class="avatar">
-              <img :src="getAvatar()"/>
+              <img :src="getAvatar()" />
             </div>
             <div class="username">{{ nickname() }}</div>
             <div class="bio">海纳百川，有容乃大</div>
@@ -47,7 +47,8 @@
                 @keyup.enter="handleTagInputConfirm"
               />
               <a-tag v-else @click="showTagInput" style="background: #fff; borderStyle: dashed;">
-                <a-icon type="plus" /> New Tag
+                <a-icon type="plus" />
+                New Tag
               </a-tag>
             </div>
           </div>
@@ -89,16 +90,12 @@
 </template>
 
 <script>
-import PageLayout from '@/components/page/PageLayout'
-import RouteView from '@/components/layouts/RouteView'
 import { AppPage, ArticlePage, ProjectPage } from './page'
 import { mapGetters } from 'vuex'
 import { getFileAccessHttpUrl } from '@/api/manage'
 
 export default {
   components: {
-    RouteView,
-    PageLayout,
     AppPage,
     ArticlePage,
     ProjectPage
@@ -181,7 +178,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-  .page-header-wrapper-grid-content-main {
+.page-header-wrapper-grid-content-main {
   width: 100%;
   height: 100%;
   min-height: 100%;
@@ -198,6 +195,7 @@ export default {
       margin-bottom: 20px;
       border-radius: 50%;
       overflow: hidden;
+
       img {
         height: 100%;
         width: 100%;
@@ -233,9 +231,11 @@ export default {
     .title {
       background-position: 0 0;
     }
+
     .group {
       background-position: 0 -22px;
     }
+
     .address {
       background-position: 0 -44px;
     }
@@ -255,6 +255,7 @@ export default {
         margin: 12px 0;
         line-height: 24px;
         height: 24px;
+
         .member {
           font-size: 14px;
           color: rgba(0, 0, 0, .65);
@@ -265,6 +266,7 @@ export default {
           transition: all 0.3s;
           display: inline-block;
         }
+
         &:hover {
           span {
             color: #1890ff;
@@ -276,10 +278,10 @@ export default {
 
   .tagsTitle, .teamTitle {
     font-weight: 500;
-      color: rgba(0,0,0,.85);
+    color: rgba(0, 0, 0, .85);
     margin-bottom: 12px;
   }
 
-  }
+}
 
 </style>

jero-web/src/views/account/center/page/App.vue

@@ -3,7 +3,7 @@
     <a-list
       :grid="{ gutter: 24, lg: 3, md: 2, sm: 1, xs: 1 }"
       :dataSource="dataSource">
-      <a-list-item slot="renderItem" slot-scope="item, index">
+      <a-list-item slot="renderItem" slot-scope="item">
         <a-card :hoverable="true">
           <a-card-meta>
             <div style="margin-bottom: 3px" slot="title">{{ item.title }}</div>
@@ -33,18 +33,18 @@
             </a>
             <a>
               <a-dropdown>
-                <a class="ant-dropdown-link" href="javascript:;">
+                <a class="ant-dropdown-link" href="javascript:">
                   <a-icon type="ellipsis"/>
                 </a>
                 <a-menu slot="overlay">
                   <a-menu-item>
-                    <a href="javascript:;">1st menu item</a>
+                    <a href="javascript:">1st menu item</a>
                   </a-menu-item>
                   <a-menu-item>
-                    <a href="javascript:;">2nd menu item</a>
+                    <a href="javascript:">2nd menu item</a>
                   </a-menu-item>
                   <a-menu-item>
-                    <a href="javascript:;">3rd menu item</a>
+                    <a href="javascript:">3rd menu item</a>
                   </a-menu-item>
                 </a-menu>
               </a-dropdown>

jero-web/src/views/account/settings/AvatarModal.vue

@@ -16,7 +16,7 @@
       </a-col>
       <a-col :xs="24" :md="12" :style="{height: '350px'}">
         <div class="avatar-upload-preview">
-          <img :src="previews.url" :style="previews.img"/>
+          <img :src="previews.url" :style="previews.img" alt=""/>
         </div>
       </a-col>
     </a-row>

jero-web/src/views/account/settings/BaseSetting.vue

@@ -57,7 +57,7 @@
           <div class="mask">
             <a-icon type="plus" />
           </div>
-          <img :src="option.img"/>
+          <img :src="option.img" alt=""/>
         </div>
       </a-col>
 

jero-web/src/views/account/settings/Custom.vue

@@ -53,7 +53,7 @@ export default {
             </span>
           </Meta>
           <div slot="actions">
-            <ASwitch checkedChildren="暗色" unCheckedChildren="白色" defaultChecked={this.navTheme === 'dark' && true || false} onChange={this.onChange} />
+            <ASwitch checkedChildren="暗色" unCheckedChildren="白色" defaultChecked={this.navTheme === 'dark'} onChange={this.onChange} />
           </div>
         </AListItem>
         <AListItem>

jero-web/src/views/account/settings/Index.vue

@@ -4,9 +4,9 @@
       <div class="account-settings-info-main" :class="device" :style=" 'min-height:'+ mainInfoHeight ">
         <div class="account-settings-info-left">
           <a-menu
-            :mode="device == 'mobile' ? 'horizontal' : 'inline'"
+            :mode="device === 'mobile' ? 'horizontal' : 'inline'"
             :default-selected-keys="['settings']"
-            :style="{ border: '0', width: device == 'mobile' ? '560px' : 'auto'}"
+            :style="{ border: '0', width: device === 'mobile' ? '560px' : 'auto'}"
             type="inner"
             @openChange="onOpenChange"
           >
@@ -45,18 +45,15 @@
 </template>
 
 <script>
-import PageLayout from '@/components/page/PageLayout'
-import RouteView from '@/components/layouts/RouteView'
 import { mixinDevice } from '@/utils/mixin.js'
 import security from './Security'
 import baseSetting from './BaseSetting'
 import custom from './Custom'
 import notification from './Notification'
 import binding from './Binding'
+
 export default {
   components: {
-    RouteView,
-    PageLayout,
     security,
     baseSetting,
     custom,
@@ -160,7 +157,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
-  .account-settings-info-main {
+.account-settings-info-main {
   width: 100%;
   display: flex;
   height: 100%;
@@ -177,6 +174,7 @@ export default {
       overflow-x: auto;
       overflow-y: scroll;
     }
+
     .account-settings-info-right {
       padding: 20px 40px;
     }
@@ -192,16 +190,17 @@ export default {
     padding: 8px 40px;
 
     .account-settings-info-title {
-        color: rgba(0,0,0,.85);
+      color: rgba(0, 0, 0, .85);
       font-size: 20px;
       font-weight: 500;
       line-height: 28px;
       margin-bottom: 12px;
     }
+
     .account-settings-info-view {
       padding-top: 12px;
     }
   }
-  }
+}
 
 </style>