twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-15 14:03:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: 升级tailwindcss至v4版本，带来更快的构建速度、更简化的安装和配置、提供专属vite插件

Browse Source
This commit is contained in:
xiaoxian521
2025-03-16 19:46:35 +08:00
parent b87eb6fd0a
commit ab1c7f8bcc
60 changed files with 517 additions and 521 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/able/directives.vue
View File

@@ -76,7 +76,7 @@ function onReset() {
immediate: true,
timeout: 1000
}"
class="!w-[200px]"
class="w-[200px]!"
clearable
@clear="onInput"
/>
@@ -86,7 +86,7 @@ function onReset() {
<el-input
v-model="searchTwo"
v-optimize="{ event: 'input', fn: onInputTwo, timeout: 400 }"
class="!w-[200px]"
class="w-[200px]!"
clearable
/>
</div>
@@ -100,7 +100,7 @@ function onReset() {
timeout: 400,
params: { name: '小明', sex: '男' }
}"
class="!w-[200px]"
class="w-[200px]!"
clearable
/>
</div>
@@ -112,7 +112,7 @@ function onReset() {
<el-input
v-model="searchFour"
v-optimize:throttle="{ event: 'input', fn: onInputFour, timeout: 1000 }"
class="!w-[200px]"
class="w-[200px]!"
clearable
/>
</div>
@@ -125,7 +125,7 @@ function onReset() {
fn: onInputFive,
params: { name: '小明', sex: '男' }
}"
class="!w-[200px]"
class="w-[200px]!"
clearable
/>
</div>
@@ -134,7 +134,7 @@ function onReset() {
<div class="mb-2">
文本复制指令（双击输入框内容即可复制）
<el-input v-model="searchSix" v-copy="searchSix" class="!w-[200px]" />
<el-input v-model="searchSix" v-copy="searchSix" class="w-[200px]!" />
</div>
<div>
文本复制指令（自定义触发事件，单击复制）

2
src/views/able/print/index.vue
View File

@@ -83,7 +83,7 @@ const tableData: User[] = [
<span class="font-medium">打印功能（报表、图表、图片）</span>
<el-select
v-model="value"
class="!w-[100px] mr-2"
class="w-[100px]! mr-2"
placeholder="Select"
size="small"
>

2
src/views/able/watermark.vue
View File

@@ -53,7 +53,7 @@ onBeforeUnmount(() => {
代码位置 src/views/able/watermark.vue
</el-link>
</template>
<el-space wrap class="!mb-2">
<el-space wrap class="mb-2!">
<span> 请输入要创建水印的值：</span>
<el-input v-model="value" class="mr-4" style="width: 200px" clearable />
<span>请选择要创建水印的颜色：</span>

2
src/views/able/wavesurfer/index.vue
View File

@@ -103,7 +103,7 @@ onBeforeUnmount(() => {
</template>
<div
v-loading="loading"
class="w-8/12 !m-auto !mt-[20px]"
class="w-8/12 m-auto! mt-[20px]!"
element-loading-background="transparent"
>
<div ref="wavesurferRef" />

8
src/views/about/columns.tsx
View File

@@ -7,7 +7,7 @@ export function useColumns() {
minWidth: 100,
cellRenderer: () => {
return (
<el-tag size="large" class="!text-base">
<el-tag size="large" class="text-base!">
{version}
</el-tag>
);
@@ -18,7 +18,7 @@ export function useColumns() {
minWidth: 120,
cellRenderer: () => {
return (
<el-tag size="large" class="!text-base">
<el-tag size="large" class="text-base!">
{lastBuildTime}
</el-tag>
);
@@ -29,7 +29,7 @@ export function useColumns() {
minWidth: 140,
cellRenderer: () => {
return (
<el-tag size="large" class="!text-base">
<el-tag size="large" class="text-base!">
{engines.node}
</el-tag>
);
@@ -40,7 +40,7 @@ export function useColumns() {
minWidth: 140,
cellRenderer: () => {
return (
<el-tag size="large" class="!text-base">
<el-tag size="large" class="text-base!">
{engines.pnpm}
</el-tag>
);

8
src/views/account-settings/index.vue
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>

2
src/views/components/animatecss.vue
View File

@@ -36,6 +36,6 @@ watch(animate, () => {
代码位置 src/views/components/animatecss.vue
</el-link>
</template>
<ReAnimateSelector v-model="animate" class="!w-[200px]" />
<ReAnimateSelector v-model="animate" class="w-[200px]!" />
</el-card>
</template>

2
src/views/components/check-button.vue
View File

@@ -221,7 +221,7 @@ watch(size, val =>
<p>可控制间距的按钮样式</p>
<el-slider
v-model="spaceSize"
class="mb-2 !w-[300px]"
class="mb-2 w-[300px]!"
:show-tooltip="false"
:disabled="size === 'disabled'"
/>

16
src/views/components/date-picker.vue
View File

@@ -164,7 +164,7 @@ watch(size, val =>
<el-date-picker
v-model="value"
type="date"
class="!w-[160px]"
class="w-[160px]!"
placeholder="请选择"
:disabled-date="disabledDate"
:shortcuts="shortcuts"
@@ -180,7 +180,7 @@ watch(size, val =>
<el-date-picker
v-model="value1"
type="week"
class="!w-[160px]"
class="w-[160px]!"
format="YYYY年第ww周"
placeholder="选择某年中的某周"
:size="dynamicSize"
@@ -189,7 +189,7 @@ watch(size, val =>
<el-date-picker
v-model="value2"
type="month"
class="!w-[160px]"
class="w-[160px]!"
placeholder="选择某月"
:size="dynamicSize"
:disabled="size === 'disabled'"
@@ -197,7 +197,7 @@ watch(size, val =>
<el-date-picker
v-model="value3"
type="year"
class="!w-[160px]"
class="w-[160px]!"
placeholder="选择某年"
:size="dynamicSize"
:disabled="size === 'disabled'"
@@ -205,7 +205,7 @@ watch(size, val =>
<el-date-picker
v-model="value4"
type="dates"
class="!w-[160px]"
class="w-[160px]!"
placeholder="选择多个日期"
:size="dynamicSize"
:disabled="size === 'disabled'"
@@ -216,7 +216,7 @@ watch(size, val =>
<el-date-picker
v-model="value5"
type="daterange"
class="!w-[240px]"
class="w-[240px]!"
unlink-panels
range-separator="至"
start-placeholder="开始时间"
@@ -261,7 +261,7 @@ watch(size, val =>
<el-date-picker
v-model="value7"
type="date"
class="!w-[160px]"
class="w-[160px]!"
placeholder="请选择日期"
format="YYYY/MM/DD"
:value-format="dateFormat"
@@ -275,7 +275,7 @@ watch(size, val =>
<el-date-picker
v-model="value8"
type="date"
class="!w-[160px]"
class="w-[160px]!"
placeholder="请选择日期"
:prefix-icon="useRenderIcon('twemoji:spiral-calendar')"
:size="dynamicSize"

4
src/views/components/datetime-picker.vue
View File

@@ -190,7 +190,7 @@ watch(size, val =>
<el-date-picker
v-model="value"
type="datetime"
class="!w-[200px]"
class="w-[200px]!"
placeholder="请选择日期时间"
:shortcuts="shortcuts"
:size="dynamicSize"
@@ -213,7 +213,7 @@ watch(size, val =>
<el-date-picker
v-model="value1"
type="datetime"
class="!w-[200px]"
class="w-[200px]!"
placeholder="请选择日期时间"
format="YYYY/MM/DD hh:mm:ss"
:value-format="datetimeFormat"

4
src/views/components/dialog/form.vue
View File

@@ -28,14 +28,14 @@ const newFormInline = ref(props.formInline);
<el-form-item label="姓名">
<el-input
v-model="newFormInline.user"
class="!w-[220px]"
class="w-[220px]!"
placeholder="请输入姓名"
/>
</el-form-item>
<el-form-item label="城市">
<el-select
v-model="newFormInline.region"
class="!w-[220px]"
class="w-[220px]!"
placeholder="请选择城市"
>
<el-option label="上海" value="上海" />

2
src/views/components/dialog/formPrimitive.vue
View File

@@ -18,5 +18,5 @@ const data = useVModel(props, "data", emit);
</script>
<template>
<el-input v-model="data" class="!w-[220px]" placeholder="请输入内容" />
<el-input v-model="data" class="w-[220px]!" placeholder="请输入内容" />
</template>

4
src/views/components/drawer/form.vue
View File

@@ -28,14 +28,14 @@ const newFormInline = ref(props.formInline);
<el-form-item label="姓名">
<el-input
v-model="newFormInline.user"
class="!w-[220px]"
class="w-[220px]!"
placeholder="请输入姓名"
/>
</el-form-item>
<el-form-item label="城市">
<el-select
v-model="newFormInline.region"
class="!w-[220px]"
class="w-[220px]!"
placeholder="请选择城市"
>
<el-option label="上海" value="上海" />

2
src/views/components/drawer/formPrimitive.vue
View File

@@ -18,5 +18,5 @@ const data = useVModel(props, "data", emit);
</script>
<template>
<el-input v-model="data" class="!w-[220px]" placeholder="请输入内容" />
<el-input v-model="data" class="w-[220px]!" placeholder="请输入内容" />
</template>

2
src/views/components/tag.vue
View File

@@ -156,7 +156,7 @@ const handleInputConfirm = () => {
v-if="inputVisible"
ref="InputRef"
v-model="inputValue"
class="ml-1 !w-20"
class="ml-1 w-20!"
size="small"
@keyup.enter="handleInputConfirm"
@blur="handleInputConfirm"

16
src/views/components/time-picker.vue
View File

@@ -91,7 +91,7 @@ const endTime = ref("");
<el-time-picker
v-model="value"
placeholder="请选择时间"
class="!w-[140px]"
class="w-[140px]!"
:size="dynamicSize"
:disabled="size === 'disabled'"
/>
@@ -100,7 +100,7 @@ const endTime = ref("");
v-model="value1"
arrow-control
placeholder="请选择时间"
class="!w-[140px]"
class="w-[140px]!"
:size="dynamicSize"
:disabled="size === 'disabled'"
/>
@@ -110,7 +110,7 @@ const endTime = ref("");
<p class="mb-2">限制时间选择范围</p>
<el-time-picker
v-model="value2"
class="!w-[140px]"
class="w-[140px]!"
:disabled-hours="disabledHours"
:disabled-minutes="disabledMinutes"
:disabled-seconds="disabledSeconds"
@@ -123,7 +123,7 @@ const endTime = ref("");
<p class="mb-2">任意时间范围</p>
<el-time-picker
v-model="value3"
class="!w-[220px]"
class="w-[220px]!"
is-range
range-separator="至"
start-placeholder="开始时间"
@@ -153,7 +153,7 @@ const endTime = ref("");
<el-time-select
v-model="value4"
placeholder="请选择时间"
class="!w-[140px]"
class="w-[140px]!"
start="08:30"
step="00:15"
end="18:30"
@@ -165,7 +165,7 @@ const endTime = ref("");
<el-time-select
v-model="value5"
placeholder="请选择时间"
class="!w-[140px]"
class="w-[140px]!"
start="00:00"
step="00:30"
end="23:59"
@@ -179,7 +179,7 @@ const endTime = ref("");
<el-time-select
v-model="startTime"
placeholder="开始时间"
class="!w-[140px]"
class="w-[140px]!"
:max-time="endTime"
start="08:30"
step="00:15"
@@ -190,7 +190,7 @@ const endTime = ref("");
<el-time-select
v-model="endTime"
placeholder="结束时间"
class="!w-[140px]"
class="w-[140px]!"
:min-time="startTime"
start="08:30"
step="00:15"

4
src/views/components/upload/form.vue
View File

@@ -58,7 +58,7 @@ const resetForm = formEl => {
drag
multiple
action="#"
class="!w-[200px]"
class="w-[200px]!"
:auto-upload="false"
>
<div class="el-upload__text">
@@ -79,7 +79,7 @@ const resetForm = formEl => {
<el-date-picker
v-model="validateForm.date"
type="datetime"
class="!w-[200px]"
class="w-[200px]!"
placeholder="请选择日期时间"
value-format="YYYY-MM-DD HH:mm:ss"
/>

2
src/views/components/upload/index.vue
View File

@@ -173,7 +173,7 @@ const onDownload = () => {
id="pure-upload-item"
:class="[
'el-upload-list__item-actions',
fileList.length > 1 && '!cursor-move'
fileList.length > 1 && 'cursor-move!'
]"
>
<span

2
src/views/components/virtual-list/horizontal.vue
View File

@@ -24,7 +24,7 @@ const filteredItems = computed(() => {
水平模式 horizontal
<el-input
v-model="search"
class="mr-2 !w-[1/1.5]"
class="mr-2 w-[1/1.5]!"
clearable
placeholder="Filter..."
style="width: 300px"

2
src/views/components/virtual-list/vertical.vue
View File

@@ -24,7 +24,7 @@ const filteredItems = computed(() => {
垂直模式 vertical
<el-input
v-model="search"
class="!w-[350px]"
class="w-[350px]!"
clearable
placeholder="Filter..."
/>

8
src/views/login/index.vue
View File

@@ -134,13 +134,13 @@ watch(loginDay, value => {
<!-- 国际化 -->
<el-dropdown trigger="click">
<globalization
class="hover:text-primary hover:!bg-[transparent] w-[20px] h-[20px] ml-1.5 cursor-pointer outline-none duration-300"
class="hover:text-primary hover:bg-[transparent]! w-[20px] h-[20px] ml-1.5 cursor-pointer outline-hidden duration-300"
/>
<template #dropdown>
<el-dropdown-menu class="translation">
<el-dropdown-item
:style="getDropdownItemStyle(locale, 'zh')"
:class="['dark:!text-white', getDropdownItemClass(locale, 'zh')]"
:class="['dark:text-white!', getDropdownItemClass(locale, 'zh')]"
@click="translationCh"
>
<IconifyIconOffline
@@ -152,7 +152,7 @@ watch(loginDay, value => {
</el-dropdown-item>
<el-dropdown-item
:style="getDropdownItemStyle(locale, 'en')"
:class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
:class="['dark:text-white!', getDropdownItemClass(locale, 'en')]"
@click="translationEn"
>
<span v-show="locale === 'en'" class="check-en">
@@ -172,7 +172,7 @@ watch(loginDay, value => {
<div class="login-form">
<avatar class="avatar" />
<Motion>
<h2 class="outline-none">
<h2 class="outline-hidden">
<TypeIt
:options="{ strings: [title], cursor: false, speed: 100 }"
/>

6
src/views/monitor/logs/login/index.vue
View File

@@ -39,14 +39,14 @@ const {
ref="formRef"
:inline="true"
:model="form"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
>
<el-form-item label="用户名" prop="username">
<el-input
v-model="form.username"
placeholder="请输入用户名"
clearable
class="!w-[150px]"
class="w-[150px]!"
/>
</el-form-item>
<el-form-item label="登录状态" prop="status">
@@ -54,7 +54,7 @@ const {
v-model="form.status"
placeholder="请选择"
clearable
class="!w-[150px]"
class="w-[150px]!"
>
<el-option label="成功" value="1" />
<el-option label="失败" value="0" />

6
src/views/monitor/logs/operation/index.vue
View File

@@ -39,14 +39,14 @@ const {
ref="formRef"
:inline="true"
:model="form"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
>
<el-form-item label="所属模块" prop="module">
<el-input
v-model="form.module"
placeholder="请输入所属模块"
clearable
class="!w-[170px]"
class="w-[170px]!"
/>
</el-form-item>
<el-form-item label="操作状态" prop="status">
@@ -54,7 +54,7 @@ const {
v-model="form.status"
placeholder="请选择"
clearable
class="!w-[150px]"
class="w-[150px]!"
>
<el-option label="成功" value="1" />
<el-option label="失败" value="0" />

6
src/views/monitor/logs/system/index.vue
View File

@@ -42,14 +42,14 @@ const {
ref="formRef"
:inline="true"
:model="form"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
>
<el-form-item label="所属模块" prop="module">
<el-input
v-model="form.module"
placeholder="请输入所属模块"
clearable
class="!w-[170px]"
class="w-[170px]!"
/>
</el-form-item>
<el-form-item label="请求时间" prop="requestTime">
@@ -137,7 +137,7 @@ const {
>
<template #operation="{ row }">
<el-button
class="reset-margin !outline-none"
class="reset-margin outline-hidden!"
link
type="primary"
:size="size"

4
src/views/monitor/online/index.vue
View File

@@ -33,14 +33,14 @@ const {
ref="formRef"
:inline="true"
:model="form"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
>
<el-form-item label="用户名" prop="username">
<el-input
v-model="form.username"
placeholder="请输入用户名"
clearable
class="!w-[180px]"
class="w-[180px]!"
/>
</el-form-item>
<el-form-item>

2
src/views/permission/page/index.vue
View File

@@ -60,7 +60,7 @@ function onChange() {
代码位置 src/views/permission/page/index.vue
</el-link>
</template>
<el-select v-model="username" class="!w-[160px]" @change="onChange">
<el-select v-model="username" class="w-[160px]!" @change="onChange">
<el-option
v-for="item in options"
:key="item.value"

2
src/views/system/dept/form.vue
View File

@@ -104,7 +104,7 @@ defineExpose({ getRef });
<el-form-item label="排序">
<el-input-number
v-model="newFormInline.sort"
class="!w-full"
class="w-full!"
:min="0"
:max="9999"
controls-position="right"

6
src/views/system/dept/index.vue
View File

@@ -39,14 +39,14 @@ function onFullscreen() {
ref="formRef"
:inline="true"
:model="form"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
>
<el-form-item label="部门名称：" prop="name">
<el-input
v-model="form.name"
placeholder="请输入部门名称"
clearable
class="!w-[180px]"
class="w-[180px]!"
/>
</el-form-item>
<el-form-item label="状态：" prop="status">
@@ -54,7 +54,7 @@ function onFullscreen() {
v-model="form.status"
placeholder="请选择状态"
clearable
class="!w-[180px]"
class="w-[180px]!"
>
<el-option label="启用" :value="1" />
<el-option label="停用" :value="0" />

2
src/views/system/menu/form.vue
View File

@@ -142,7 +142,7 @@ defineExpose({ getRef });
<el-form-item label="菜单排序">
<el-input-number
v-model="newFormInline.rank"
class="!w-full"
class="w-full!"
:min="1"
:max="9999"
controls-position="right"

4
src/views/system/menu/index.vue
View File

@@ -40,14 +40,14 @@ function onFullscreen() {
ref="formRef"
:inline="true"
:model="form"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
>
<el-form-item label="菜单名称：" prop="title">
<el-input
v-model="form.title"
placeholder="请输入菜单名称"
clearable
class="!w-[180px]"
class="w-[180px]!"
/>
</el-form-item>
<el-form-item>

14
src/views/system/role/index.vue
View File

@@ -31,7 +31,7 @@ const iconClass = computed(() => {
"flex",
"justify-center",
"items-center",
"outline-none",
"outline-hidden",
"rounded-[4px]",
"cursor-pointer",
"transition-colors",
@@ -96,14 +96,14 @@ onMounted(() => {
ref="formRef"
:inline="true"
:model="form"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
>
<el-form-item label="角色名称：" prop="name">
<el-input
v-model="form.name"
placeholder="请输入角色名称"
clearable
class="!w-[180px]"
class="w-[180px]!"
/>
</el-form-item>
<el-form-item label="角色标识：" prop="code">
@@ -111,7 +111,7 @@ onMounted(() => {
v-model="form.code"
placeholder="请输入角色标识"
clearable
class="!w-[180px]"
class="w-[180px]!"
/>
</el-form-item>
<el-form-item label="状态：" prop="status">
@@ -119,7 +119,7 @@ onMounted(() => {
v-model="form.status"
placeholder="请选择状态"
clearable
class="!w-[180px]"
class="w-[180px]!"
>
<el-option label="已启用" value="1" />
<el-option label="已停用" value="0" />
@@ -145,7 +145,7 @@ onMounted(() => {
:class="['flex', deviceDetection() ? 'flex-wrap' : '']"
>
<PureTableBar
:class="[isShow && !deviceDetection() ? '!w-[60vw]' : 'w-full']"
:class="[isShow && !deviceDetection() ? 'w-[60vw]!' : 'w-full']"
style="transition: width 220ms cubic-bezier(0.4, 0, 0.2, 1)"
title="角色管理（仅演示，操作后不生效）"
:columns="columns"
@@ -263,7 +263,7 @@ onMounted(() => {
<div
v-if="isShow"
class="!min-w-[calc(100vw-60vw-268px)] w-full mt-2 px-2 pb-2 bg-bg_color ml-2 overflow-auto"
class="min-w-[calc(100vw-60vw-268px)]! w-full mt-2 px-2 pb-2 bg-bg_color ml-2 overflow-auto"
>
<div class="flex justify-between w-full px-3 pt-5 pb-4">
<div class="flex">

8
src/views/system/role/utils/hook.tsx
View File

@@ -94,11 +94,11 @@ export function useRole(treeRef: Ref) {
];
// const buttonClass = computed(() => {
// return [
// "!h-[20px]",
// "h-[20px]!",
// "reset-margin",
// "!text-gray-500",
// "dark:!text-white",
// "dark:hover:!text-primary"
// "text-gray-500!",
// "dark:text-white!",
// "dark:hover:text-primary!"
// ];
// });

8
src/views/system/user/index.vue
View File

@@ -66,14 +66,14 @@ const {
ref="formRef"
:inline="true"
:model="form"
class="search-form bg-bg_color w-[99/100] pl-8 pt-[12px] overflow-auto"
class="search-form bg-bg_color w-99/100 pl-8 pt-[12px] overflow-auto"
>
<el-form-item label="用户名称：" prop="username">
<el-input
v-model="form.username"
placeholder="请输入用户名称"
clearable
class="!w-[180px]"
class="w-[180px]!"
/>
</el-form-item>
<el-form-item label="手机号码：" prop="phone">
@@ -81,7 +81,7 @@ const {
v-model="form.phone"
placeholder="请输入手机号码"
clearable
class="!w-[180px]"
class="w-[180px]!"
/>
</el-form-item>
<el-form-item label="状态：" prop="status">
@@ -89,7 +89,7 @@ const {
v-model="form.status"
placeholder="请选择"
clearable
class="!w-[180px]"
class="w-[180px]!"
>
<el-option label="已开启" value="1" />
<el-option label="已关闭" value="0" />

14
src/views/system/user/tree.vue
View File

@@ -35,12 +35,12 @@ const defaultProps = {
};
const buttonClass = computed(() => {
return [
"!h-[20px]",
"!text-sm",
"h-[20px]!",
"text-sm!",
"reset-margin",
"!text-[var(--el-text-color-regular)]",
"dark:!text-white",
"dark:hover:!text-primary"
"text-(--el-text-color-regular)!",
"dark:text-white!",
"dark:hover:text-primary!"
];
});
@@ -166,7 +166,7 @@ defineExpose({ onTreeReset });
<template #default="{ node, data }">
<div
:class="[
'rounded',
'rounded-sm',
'flex',
'items-center',
'select-none',
@@ -194,7 +194,7 @@ defineExpose({ onTreeReset });
: Dept
"
/>
<span class="!w-[120px] !truncate" :title="node.label">
<span class="w-[120px]! truncate!" :title="node.label">
{{ node.label }}
</span>
</div>

8
src/views/system/user/utils/hook.tsx
View File

@@ -163,11 +163,11 @@ export function useUser(tableRef: Ref, treeRef: Ref) {
];
const buttonClass = computed(() => {
return [
"!h-[20px]",
"h-[20px]!",
"reset-margin",
"!text-gray-500",
"dark:!text-white",
"dark:hover:!text-primary"
"text-gray-500!",
"dark:text-white!",
"dark:hover:text-primary!"
];
});
// 重置的新密码

2
src/views/table/edit/demo3/index.vue
View File

@@ -12,7 +12,7 @@ const { columns, dataList } = useColumns();
</code>
</el-scrollbar>
<pure-table
class="!w-[30vw]"
class="w-[30vw]!"
row-key="id"
border
:data="dataList"

8
src/views/table/high/table-select/multiple/index.vue
View File

@@ -25,7 +25,7 @@ const {
<el-select
ref="selectRef"
v-model="selectValue"
class="!w-[200px]"
class="w-[200px]!"
placeholder="请选择"
clearable
multiple
@@ -41,7 +41,7 @@ const {
<el-form-item prop="sexValue">
<el-select
v-model="searchForm.sexValue"
class="!w-[120px]"
class="w-[120px]!"
placeholder="请选择性别"
:teleported="false"
clearable
@@ -57,14 +57,14 @@ const {
<el-form-item prop="searchDate">
<el-date-picker
v-model="searchForm.searchDate"
class="!w-[150px]"
class="w-[150px]!"
type="date"
placeholder="请选择日期"
format="YYYY/MM/DD"
value-format="YYYY-MM-D"
/>
</el-form-item>
<el-form-item class="float-right !mr-0">
<el-form-item class="float-right mr-0!">
<el-button type="primary" text bg @click="onSearch">
查询
</el-button>

2
src/views/table/high/table-select/radio/index.vue
View File

@@ -17,7 +17,7 @@ const {
<el-select
ref="selectRef"
v-model="selectValue"
class="!w-[200px]"
class="w-[200px]!"
placeholder="请选择"
value-key="id"
clearable

2
src/views/tabs/index.vue
View File

@@ -93,7 +93,7 @@ function onCloseTags() {
<el-divider />
<el-tree-select
v-model="currentValues"
class="!w-[300px]"
class="w-[300px]!"
node-key="uniqueId"
placeholder="请选择要关闭的标签"
clearable

4
src/views/welcome/index.vue
View File

@@ -80,11 +80,11 @@ const optionsBasis: Array<OptionsType> = [
</div>
<ChartLine
v-if="item.data.length > 1"
class="!w-1/2"
class="w-1/2!"
:color="item.color"
:data="item.data"
/>
<ChartRound v-else class="!w-1/2" />
<ChartRound v-else class="w-1/2!" />
</div>
</el-card>
</re-col>