fix: fix some bug and adjust refresh-btn style

.editorconfig

@@ -6,7 +6,9 @@ root = true
 charset = utf-8
 indent_style = space
 indent_size = 2
-end_of_line = lf                # 避免 warning: LF will be replaced by CRLF： git config --global core.autocrlf false
+# 避免 warning: LF will be replaced by CRLF：
+# $:  git config --global core.autocrlf false
+end_of_line = lf
 insert_final_newline = true     # 去除行首任意空白字符
 trim_trailing_whitespace = true # 始终在文件末尾插入一个新行
 

README.md

@@ -56,12 +56,12 @@
 
 - 获取项目代码
 ````sh
-git clone  
+git clone  https://github.com/someGenki/vue-lite-admin.git
 ````
 
 - 安装项目依赖
 ````sh
-cd 
+cd vue-lite-admin/
 npm install
 ````
 

essay.md

@@ -1,6 +1,6 @@
 # 这是个随笔记录
 简直就是vue-element-admin 改
-不需要python依赖
+不需要python依赖!
 ## 开发步骤
 
 1. 实现动态路由和权限管理

src/layout/components/TabBar/index.vue

@@ -128,7 +128,7 @@ export default {
   height: $tabBar-height;
   padding-left: 10px;
   background: #fff;
-  border-bottom: 1px solid #d8dce5;
+  //border-bottom: 1px solid #d8dce5;
   box-shadow: 0 1px 3px 0 #0000001e;
 }
 
@@ -195,7 +195,7 @@ export default {
   font-size: 1.2rem;
   color: #6a6a6a;
   cursor: pointer;
-
+  background-color: inherit;
   &:hover {
     color: black;
   }

src/layout/components/useLayout.js

@@ -2,7 +2,8 @@ import { computed, reactive, readonly, toRef, watch } from 'vue'
 import { getSetting, saveSetting } from '/src/utils/storage'
 import { debounce } from '/src/utils/util'
 import router from '/src/router'
-/* 数据定义和初始区 unfold:展开、collapse:折叠 */
+
+/* 数据定义和初始区 暂时没抽离先写一堆 unfold:展开、collapse:折叠... */
 const state = reactive({
   sUnfoldWidth: getSetting('sUnfoldWidth', 'int', 210),
   unfoldSidebar: getSetting('unfoldSidebar', 'bool', true),
@@ -37,7 +38,7 @@ const dropdownItems = readonly([
 ])
 
 window.addEventListener(
-  'resize' /* 监听页面尺寸调整 */,
+  'resize' /* 监听页面尺寸调整 动态改变state.isMobile的值判断是否是移动设备  */,
   debounce(() => (state.isMobile = document.body.clientWidth < 1001), 100)
 )
 
@@ -50,6 +51,7 @@ const sidebarWidth = computed(() => {
 })
 
 /* 方法区 */
+
 const handleSidebarToggle = (bool) => {
   if (bool !== undefined) state.unfoldSidebar = bool
   else state.unfoldSidebar = !state.unfoldSidebar

src/router/async-routes.js

@@ -75,7 +75,7 @@ export default [
       {
         path: 'https://github.com/someGenki',
         name: 'ex-link-github',
-        component: () => import('/src/views/Profile/index.vue'),
+        component: () => import('/src/views/profile/index.vue'),
         meta: {
           title: 'Github',
         },