refactor: 升级tailwindcssv4版本,带来更快的构建速度、更简化的安装和配置、提供专属vite插件 (#1203)

This commit is contained in:
xiaoming
2025-04-09 19:09:45 +08:00
committed by GitHub
parent 583feae7b7
commit e08626d443
107 changed files with 2300 additions and 2173 deletions

View File

@@ -43,7 +43,7 @@ function onClick(item) {
deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
]"
>
<h3 class="my-8">账户管理</h3>
<h3 class="my-8!">账户管理</h3>
<div v-for="(item, index) in list" :key="index">
<div class="flex items-center">
<div class="flex-1">

View File

@@ -38,7 +38,7 @@ function onChange(val, item) {
deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
]"
>
<h3 class="my-8">偏好设置</h3>
<h3 class="my-8!">偏好设置</h3>
<div v-for="(item, index) in list" :key="index">
<div class="flex items-center">
<div class="flex-1">

View File

@@ -110,7 +110,7 @@ getMine().then(res => {
deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
]"
>
<h3 class="my-8">个人信息</h3>
<h3 class="my-8!">个人信息</h3>
<el-form
ref="userInfoFormRef"
label-position="top"
@@ -128,7 +128,7 @@ getMine().then(res => {
:show-file-list="false"
:on-change="onChange"
>
<el-button plain class="ml-4">
<el-button plain class="ml-4!">
<IconifyIconOffline :icon="uploadLine" />
<span class="ml-2">更新头像</span>
</el-button>

View File

@@ -78,7 +78,7 @@ onMounted(() => {
deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]'
]"
>
<h3 class="my-8">安全日志</h3>
<h3 class="my-8!">安全日志</h3>
<pure-table
row-key="id"
table-layout="auto"

View File

@@ -70,12 +70,12 @@ getMine().then(res => {
<el-container class="h-full">
<el-aside
v-if="isOpen"
class="pure-account-settings overflow-hidden px-2 dark:!bg-[var(--el-bg-color)] border-r-[1px] border-[var(--pure-border-color)]"
class="pure-account-settings overflow-hidden px-2 dark:bg-(--el-bg-color)! border-r-[1px] border-[var(--pure-border-color)]"
:width="deviceDetection() ? '180px' : '240px'"
>
<el-menu :default-active="witchPane" class="pure-account-settings-menu">
<el-menu-item
class="hover:!transition-all hover:!duration-200 hover:!text-base !h-[50px]"
class="hover:transition-all! hover:duration-200! hover:text-base! h-[50px]!"
@click="router.go(-1)"
>
<div class="flex items-center">
@@ -86,10 +86,10 @@ getMine().then(res => {
<div class="flex items-center ml-8 mt-4 mb-4">
<el-avatar :size="48" :src="userInfo.avatar" />
<div class="ml-4 flex flex-col max-w-[130px]">
<ReText class="font-bold !self-baseline">
<ReText class="font-bold self-baseline!">
{{ userInfo.nickname }}
</ReText>
<ReText class="!self-baseline" type="info">
<ReText class="self-baseline!" type="info">
{{ userInfo.username }}
</ReText>
</div>