From fafbdc7c69ba32fabf686c54668ac4c73a2985ac Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Sun, 11 Sep 2022 11:32:10 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BB=8E`tailwind.css`=E4=B8=AD?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E4=B8=8D=E5=B8=B8=E7=94=A8=E7=9A=84`@apply`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ReTable/src/bar.tsx        | 2 +-
 src/layout/components/panel/index.vue     | 2 +-
 src/style/tailwind.css                    | 8 --------
 src/views/list/card/components/Card.vue   | 2 +-
 src/views/login/index.vue                 | 2 +-
 src/views/system/dept/index.vue           | 2 +-
 src/views/system/dict/index.vue           | 2 +-
 src/views/system/role/index.vue           | 2 +-
 src/views/system/user/index.vue           | 2 +-
 src/views/system/user/tree.vue            | 2 +-
 src/views/welcome/components/Infinite.vue | 2 +-
 11 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/components/ReTable/src/bar.tsx b/src/components/ReTable/src/bar.tsx
index a188dd00f..7804327f1 100644
--- a/src/components/ReTable/src/bar.tsx
+++ b/src/components/ReTable/src/bar.tsx
@@ -117,7 +117,7 @@ export default defineComponent({
       <>
         <div
           {...attrs}
-          class="w-[99/100] mt-6 p-2 bg-white dark:bg-dark"
+          class="w-[99/100] mt-6 p-2 bg-bg_color"
           v-loading={props.loading}
           element-loading-svg={loadingSvg}
           element-loading-svg-view-box="-10, -10, 50, 50"
diff --git a/src/layout/components/panel/index.vue b/src/layout/components/panel/index.vue
index 9bc8cea17..6b6a44f58 100644
--- a/src/layout/components/panel/index.vue
+++ b/src/layout/components/panel/index.vue
@@ -18,7 +18,7 @@ emitter.on("openPanel", () => {
 <template>
   <div :class="{ show: show }" class="right-panel-container">
     <div class="right-panel-background" />
-    <div ref="target" class="right-panel bg-white dark:bg-dark">
+    <div ref="target" class="right-panel bg-bg_color">
       <div class="right-panel-items">
         <div class="project-configuration">
           <h3 class="dark:text-white">项目配置</h3>
diff --git a/src/style/tailwind.css b/src/style/tailwind.css
index fc76c64fe..3e48b6871 100644
--- a/src/style/tailwind.css
+++ b/src/style/tailwind.css
@@ -3,14 +3,6 @@
 @tailwind utilities;
 
 @layer components {
-  .bg-dark {
-    @apply bg-bg_color;
-  }
-
-  .wh-full {
-    @apply w-full h-full;
-  }
-
   .flex-c {
     @apply flex justify-center items-center;
   }
diff --git a/src/views/list/card/components/Card.vue b/src/views/list/card/components/Card.vue
index 2145b2323..c48d17768 100644
--- a/src/views/list/card/components/Card.vue
+++ b/src/views/list/card/components/Card.vue
@@ -46,7 +46,7 @@ const cardLogoClass = computed(() => [
 
 <template>
   <div :class="cardClass">
-    <div class="list-card-item_detail bg-white dark:bg-dark">
+    <div class="list-card-item_detail bg-bg_color">
       <el-row justify="space-between">
         <div :class="cardLogoClass">
           <shopIcon v-if="product.type === 1" />
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 89d0105f3..4d9559048 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -88,7 +88,7 @@ dataThemeChange();
 </script>
 
 <template>
-  <div class="wh-full select-none">
+  <div class="select-none">
     <img :src="bg" class="wave" />
     <div class="flex-c absolute right-5 top-3">
       <!-- 主题 -->
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 35e25bf80..33aa7f4b1 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -60,7 +60,7 @@ onMounted(() => {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="bg-white dark:bg-dark w-[99/100] pl-8 pt-4"
+      class="bg-bg_color w-[99/100] pl-8 pt-4"
     >
       <el-form-item label="部门名称：" prop="user">
         <el-input v-model="form.user" placeholder="请输入部门名称" clearable />
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 2f4f62be8..e5dc8b0cc 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -222,7 +222,7 @@ function onHide() {
 <template>
   <div>
     <!-- 工具栏 -->
-    <vxe-toolbar class="dark:bg-dark">
+    <vxe-toolbar class="bg-bg_color">
       <template #buttons>
         <div class="ml-[20px]">
           <label class="dark:text-text_color_regular">字典名称： </label>
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 84dc95a97..9a32f2c1c 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -77,7 +77,7 @@ onMounted(() => {
       ref="formRef"
       :inline="true"
       :model="form"
-      class="bg-white dark:bg-dark w-[99/100] pl-8 pt-4"
+      class="bg-bg_color w-[99/100] pl-8 pt-4"
     >
       <el-form-item label="角色名称：" prop="name">
         <el-input v-model="form.name" placeholder="请输入角色名称" clearable />
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 29362b3d8..cba7e5632 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -79,7 +79,7 @@ onMounted(() => {
         ref="formRef"
         :inline="true"
         :model="form"
-        class="bg-white dark:bg-dark w-[99/100] pl-8 pt-4"
+        class="bg-bg_color w-[99/100] pl-8 pt-4"
       >
         <el-form-item label="用户名称：" prop="username">
           <el-input
diff --git a/src/views/system/user/tree.vue b/src/views/system/user/tree.vue
index cb546ad24..f01066333 100644
--- a/src/views/system/user/tree.vue
+++ b/src/views/system/user/tree.vue
@@ -69,7 +69,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="max-w-[260px] h-full min-h-[780px] bg-white dark:bg-dark">
+  <div class="max-w-[260px] h-full min-h-[780px] bg-bg_color">
     <div class="flex items-center h-[34px]">
       <p class="flex-1 ml-2 font-bold text-base truncate" title="部门列表">
         部门列表
diff --git a/src/views/welcome/components/Infinite.vue b/src/views/welcome/components/Infinite.vue
index d885939a3..53735a746 100644
--- a/src/views/welcome/components/Infinite.vue
+++ b/src/views/welcome/components/Infinite.vue
@@ -64,7 +64,7 @@ let classOption = reactive({
 </script>
 
 <template>
-  <div class="infinite bg-[#fafafa] dark:bg-dark">
+  <div class="infinite bg-bg_color">
     <ul class="top">
       <li>更新日期</li>
       <li>项目名称</li>