fix: 🐛 添加stylelint-config-recommended依赖，设置layout为top时默认背景颜色

package.json

@@ -78,6 +78,7 @@
     "husky": "^7.0.4",
     "less": "^4.1.2",
     "lint-staged": "^12.3.7",
+    "plop": "^3.0.5",
     "postcss": "^8.4.12",
     "postcss-html": "^1.3.0",
     "postcss-less": "^6.0.0",
@@ -87,6 +88,7 @@
     "stylelint": "^14.6.1",
     "stylelint-config-html": "^1.0.0",
     "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-recommended": "^7.0.0",
     "stylelint-config-standard": "^25.0.0",
     "stylelint-order": "^5.0.0",
     "typescript": "4.6.3",
@@ -101,8 +103,7 @@
     "vite-plugin-windicss": "^1.8.3",
     "vue-tsc": "^0.34.1",
     "windicss": "^3.5.1",
-    "windicss-analysis": "^0.3.5",
-    "plop": "^3.0.5"
+    "windicss-analysis": "^0.3.5"
   },
   "engines": {
     "node": ">= 14.0.0"

src/components/Setting/src/Setting.vue

@@ -92,6 +92,10 @@ const setMenuTheme = (color: string) => {
   appStore.setTheme(theme)
   appStore.setCssVarTheme()
 }
+if (layout.value === 'top') {
+  headerTheme.value = '#fff'
+  setHeaderTheme('#fff')
+}
 
 // 监听layout变化，重置一些主题色
 watch(