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

This commit is contained in:
xiaoxian521
2022-09-11 11:32:10 +08:00
parent ad6ced45cc
commit fafbdc7c69
11 changed files with 10 additions and 18 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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