perf: 从`tailwind.css`中移除不常用的`@apply`

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"

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>

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;
   }

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" />

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">
       <!-- 主题 -->

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 />

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>

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 />

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

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="部门列表">
         部门列表

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>