style: 格式调整

Author: wuufeii

prettier.config.js

@@ -1,7 +1,7 @@
 // prettier前端代码格式化工具，需要配合插件
 // 使用命令格式化所有文件  npx prettier --write .
 module.exports = {
-  printWidth: 80,
+  printWidth: 100,
   tabWidth: 2,
   useTabs: false,
   semi: false, // 结尾不加分号

src/components/layout/components/navbar/FullScreen.vue

@@ -5,17 +5,8 @@
     :content="fullscreen ? '退出全屏' : '全屏'"
     placement="bottom"
   >
-    <svg-icon
-      v-if="!fullscreen"
-      name="full-screen-max"
-      @click="handleFullScreen"
-    ></svg-icon>
-    <svg-icon
-      :sss="fullscreen"
-      v-else
-      name="full-screen-min"
-      @click="handleFullScreen"
-    ></svg-icon>
+    <svg-icon v-if="!fullscreen" name="full-screen-max" @click="handleFullScreen"></svg-icon>
+    <svg-icon :sss="fullscreen" v-else name="full-screen-min" @click="handleFullScreen"></svg-icon>
   </el-tooltip>
 </template>
 ./test

src/components/layout/components/navbar/UserInfo.vue

@@ -8,9 +8,7 @@
       <el-dropdown-menu>
         <el-dropdown-item icon="el-icon-user">个人信息</el-dropdown-item>
         <el-dropdown-item icon="el-icon-lock">修改密码</el-dropdown-item>
-        <el-dropdown-item icon="el-icon-switch-button">
-          退出登录
-        </el-dropdown-item>
+        <el-dropdown-item icon="el-icon-switch-button">退出登录</el-dropdown-item>
       </el-dropdown-menu>
     </template>
   </el-dropdown>

src/components/layout/components/navbar/index.vue

@@ -3,16 +3,8 @@
     <logo v-if="isShowLogo"></logo>
     <div class="header" :class="{ 'has-logo': isShowLogo }">
       <div class="header-left">
-        <fold
-          v-if="!isCollapse"
-          class="navbar-icon _fold"
-          @click="changeCollapse(true)"
-        />
-        <expand
-          v-else
-          class="navbar-icon _fold"
-          @click="changeCollapse(false)"
-        />
+        <fold v-if="!isCollapse" class="navbar-icon _fold" @click="changeCollapse(true)" />
+        <expand v-else class="navbar-icon _fold" @click="changeCollapse(false)" />
         <el-breadcrumb separator="/">
           <!-- <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
           <el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item> -->

src/components/layout/components/setting/index.js

@@ -4,12 +4,7 @@ export const _data = {
   drawer: false,
   nightMode: false,
   navbarType: '左侧菜单模式',
-  navbarList: [
-    '左侧菜单模式',
-    '顶部菜单混合模式',
-    '顶部菜单模式',
-    '左侧菜单混合模式'
-  ],
+  navbarList: ['左侧菜单模式', '顶部菜单混合模式', '顶部菜单模式', '左侧菜单混合模式'],
   systemThemeColor: '#0960BD',
   systemThemeList: [
     '#0960BD',
@@ -114,9 +109,7 @@ export const _getThemes = (params) => {
     cls: 'is-show'
   })
   toggleClass({
-    flag: themes?.navbarThemeColor
-      ? themes.navbarThemeColor === '#FFFFFF'
-      : true,
+    flag: themes?.navbarThemeColor ? themes.navbarThemeColor === '#FFFFFF' : true,
     cls: 'navbar--white'
   })
   _data.navbarList.forEach((item, index) => {

src/components/layout/components/setting/index.vue

@@ -21,11 +21,7 @@
           :disabled="!drawer"
         >
           <div
-            :class="[
-              'nav-item',
-              `nav-item-${index}`,
-              { active: navbarType === item }
-            ]"
+            :class="['nav-item', `nav-item-${index}`, { active: navbarType === item }]"
             @click="changeSetting('navbarType', item)"
           ></div>
         </el-tooltip>

src/components/layout/components/sidebar/SidebarItem.vue

@@ -4,11 +4,7 @@
       <i class="el-icon-location"></i>
       <span>{{ item.menuName }}</span>
     </template>
-    <sidebar-item
-      v-for="inner in item.children"
-      :key="inner.menuId"
-      :item="inner"
-    ></sidebar-item>
+    <sidebar-item v-for="inner in item.children" :key="inner.menuId" :item="inner"></sidebar-item>
   </el-submenu>
   <el-menu-item :index="item.menuId" v-else @click="handleMenu(item)">
     <i class="el-icon-setting"></i>

src/components/layout/components/sidebar/index.vue

@@ -114,9 +114,7 @@ export default {
           menuId: '555',
           menuName: '导航五',
           path: '',
-          children: [
-            { menuId: '555-1', menuName: '导航五-1', path: '/', children: [] }
-          ]
+          children: [{ menuId: '555-1', menuName: '导航五-1', path: '/', children: [] }]
         }
       ]
     })

src/components/layout/components/tabs/index.vue

@@ -1,12 +1,7 @@
 <template>
   <div class="tabs-content">
     <div class="tabs-scroll">
-      <el-tabs
-        v-model="activeMenu"
-        type="card"
-        @tab-click="handleTag"
-        @tab-remove="handleClose"
-      >
+      <el-tabs v-model="activeMenu" type="card" @tab-click="handleTag" @tab-remove="handleClose">
         <el-tab-pane
           :closable="!item.unCloseable"
           :name="item.id"
@@ -67,13 +62,7 @@
 
 <script>
 import { reactive, toRefs, ref, watch } from 'vue'
-import {
-  ArrowDown,
-  Close,
-  Download,
-  DocumentRemove,
-  DocumentDelete
-} from '@element-plus/icons'
+import { ArrowDown, Close, Download, DocumentRemove, DocumentDelete } from '@element-plus/icons'
 import { setTabs, getTabs } from 'utils/storage.js'
 import { useStore } from 'vuex'
 export default {
@@ -173,9 +162,7 @@ export default {
         store.commit('getActiveMenu', '')
       } else {
         let len = tabs.length - 1
-        type === 'left'
-          ? tabs.splice(0, currentIdx)
-          : tabs.splice(currentIdx + 1, len - currentIdx)
+        type === 'left' ? tabs.splice(0, currentIdx) : tabs.splice(currentIdx + 1, len - currentIdx)
       }
       setTabs(tabs, menuId)
       judgeTabs()

src/utils/svg-loader.js

@@ -47,10 +47,7 @@ function findSvgFile(dir) {
             content += `viewBox="0 0 ${width} ${height}"`
           }
           // 将svg的文件名和id-prefix拼接成<symbol>标签的id
-          return `<symbol id="${idPrefix}-${dirent.name.replace(
-            '.svg',
-            ''
-          )}" ${content}>`
+          return `<symbol id="${idPrefix}-${dirent.name.replace('.svg', '')}" ${content}>`
         })
         // 将闭合标签/svg也换成symbol
         .replace('</svg>', '</symbol>')

src/views/Home.vue

@@ -84,9 +84,7 @@
         </div>
         <div class="details">
           <span>博 客：</span>
-          <a href="https://wuufeii.github.io" target="_blank">
-            https://wuufeii.github.io
-          </a>
+          <a href="https://wuufeii.github.io" target="_blank">https://wuufeii.github.io</a>
         </div>
       </el-card>
     </el-col>