【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,105 +178,110 @@ export default {
 </script>
 
 <style lang="less" scoped>
-  .page-header-wrapper-grid-content-main {
+.page-header-wrapper-grid-content-main {
-    width: 100%;
+  width: 100%;
-    height: 100%;
+  height: 100%;
-    min-height: 100%;
+  min-height: 100%;
-    transition: .3s;
+  transition: .3s;
 
-    .account-center-avatarHolder {
+  .account-center-avatarHolder {
-      text-align: center;
+    text-align: center;
-      margin-bottom: 24px;
+    margin-bottom: 24px;
 
-      & > .avatar {
+    & > .avatar {
-        margin: 0 auto;
+      margin: 0 auto;
-        width: 104px;
+      width: 104px;
-        height: 104px;
+      height: 104px;
-        margin-bottom: 20px;
+      margin-bottom: 20px;
-        border-radius: 50%;
+      border-radius: 50%;
-        overflow: hidden;
+      overflow: hidden;
-        img {
-          height: 100%;
-          width: 100%;
-        }
-      }
 
-      .username {
+      img {
-        color: rgba(0, 0, 0, 0.85);
+        height: 100%;
-        font-size: 20px;
+        width: 100%;
-        line-height: 28px;
-        font-weight: 500;
-        margin-bottom: 4px;
       }
     }
 
-    .account-center-detail {
+    .username {
-
+      color: rgba(0, 0, 0, 0.85);
-      p {
+      font-size: 20px;
-        margin-bottom: 8px;
+      line-height: 28px;
-        padding-left: 26px;
-        position: relative;
-      }
-
-      i {
-        position: absolute;
-        height: 14px;
-        width: 14px;
-        left: 0;
-        top: 4px;
-        background: url(https://gw.alipayobjects.com/zos/rmsportal/pBjWzVAHnOOtAUvZmZfy.svg)
-      }
-
-      .title {
-        background-position: 0 0;
-      }
-      .group {
-        background-position: 0 -22px;
-      }
-      .address {
-        background-position: 0 -44px;
-      }
-    }
-
-    .account-center-tags {
-      .ant-tag {
-        margin-bottom: 8px;
-      }
-    }
-
-    .account-center-team {
-
-      .members {
-        a {
-          display: block;
-          margin: 12px 0;
-          line-height: 24px;
-          height: 24px;
-          .member {
-            font-size: 14px;
-            color: rgba(0, 0, 0, .65);
-            line-height: 24px;
-            max-width: 100px;
-            vertical-align: top;
-            margin-left: 12px;
-            transition: all 0.3s;
-            display: inline-block;
-          }
-          &:hover {
-            span {
-              color: #1890ff;
-            }
-          }
-        }
-      }
-    }
-
-    .tagsTitle, .teamTitle {
       font-weight: 500;
-      color: rgba(0,0,0,.85);
+      margin-bottom: 4px;
-      margin-bottom: 12px;
     }
-
   }
 
+  .account-center-detail {
+
+    p {
+      margin-bottom: 8px;
+      padding-left: 26px;
+      position: relative;
+    }
+
+    i {
+      position: absolute;
+      height: 14px;
+      width: 14px;
+      left: 0;
+      top: 4px;
+      background: url(https://gw.alipayobjects.com/zos/rmsportal/pBjWzVAHnOOtAUvZmZfy.svg)
+    }
+
+    .title {
+      background-position: 0 0;
+    }
+
+    .group {
+      background-position: 0 -22px;
+    }
+
+    .address {
+      background-position: 0 -44px;
+    }
+  }
+
+  .account-center-tags {
+    .ant-tag {
+      margin-bottom: 8px;
+    }
+  }
+
+  .account-center-team {
+
+    .members {
+      a {
+        display: block;
+        margin: 12px 0;
+        line-height: 24px;
+        height: 24px;
+
+        .member {
+          font-size: 14px;
+          color: rgba(0, 0, 0, .65);
+          line-height: 24px;
+          max-width: 100px;
+          vertical-align: top;
+          margin-left: 12px;
+          transition: all 0.3s;
+          display: inline-block;
+        }
+
+        &:hover {
+          span {
+            color: #1890ff;
+          }
+        }
+      }
+    }
+  }
+
+  .tagsTitle, .teamTitle {
+    font-weight: 500;
+    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,14 +4,14 @@
       <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"
           >
             <a-menu-item key="settings">
-              <a  @click="settingsClick()">
+              <a @click="settingsClick()">
                 基本设置
               </a>
             </a-menu-item>
@@ -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,48 +157,50 @@ export default {
 </script>
 
 <style lang="less" scoped>
-  .account-settings-info-main {
+.account-settings-info-main {
-    width: 100%;
+  width: 100%;
-    display: flex;
+  display: flex;
-    height: 100%;
+  height: 100%;
-    overflow: auto;
+  overflow: auto;
 
-    &.mobile {
+  &.mobile {
-      display: block;
+    display: block;
-
-      .account-settings-info-left {
-        border-right: unset;
-        border-bottom: 1px solid #e8e8e8;
-        width: 100%;
-        height: 50px;
-        overflow-x: auto;
-        overflow-y: scroll;
-      }
-      .account-settings-info-right {
-        padding: 20px 40px;
-      }
-    }
 
     .account-settings-info-left {
-      border-right: 1px solid #e8e8e8;
+      border-right: unset;
-      width: 224px;
+      border-bottom: 1px solid #e8e8e8;
+      width: 100%;
+      height: 50px;
+      overflow-x: auto;
+      overflow-y: scroll;
     }
 
     .account-settings-info-right {
-      flex: 1 1;
+      padding: 20px 40px;
-      padding: 8px 40px;
-
-      .account-settings-info-title {
-        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;
-      }
     }
   }
 
+  .account-settings-info-left {
+    border-right: 1px solid #e8e8e8;
+    width: 224px;
+  }
+
+  .account-settings-info-right {
+    flex: 1 1;
+    padding: 8px 40px;
+
+    .account-settings-info-title {
+      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>