twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2026-02-13 17:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -109,7 +109,7 @@ watch(size, val =>
代码位置 src/views/components/check-button.vue
</el-link>
</template>
<p class="mb-2">单选（紧凑风格的按钮样式）</p>
<div class="mb-2">单选（紧凑风格的按钮样式）</div>
<el-radio-group
v-model="radio"
:size="dynamicSize"
@@ -121,7 +121,7 @@ watch(size, val =>
</el-radio-group>
<el-divider />
<p class="mb-2">单选（带有边框）</p>
<div class="mb-2">单选（带有边框）</div>
<el-radio-group
v-model="radioBox"
:size="dynamicSize"
@@ -133,7 +133,7 @@ watch(size, val =>
</el-radio-group>
<el-divider />
<p class="mb-2">单选（自定义内容）</p>
<div class="mb-2">单选（自定义内容）</div>
<el-radio-group
v-model="radioCustom"
:size="dynamicSize"
@@ -160,7 +160,7 @@ watch(size, val =>
</el-radio-group>
<el-divider />
<p class="mb-2">多选（紧凑风格的按钮样式）</p>
<div class="mb-2">多选（紧凑风格的按钮样式）</div>
<el-checkbox-group
v-model="checkboxGroup"
:size="dynamicSize"
@@ -172,7 +172,7 @@ watch(size, val =>
</el-checkbox-group>
<el-divider />
<p class="mb-2">多选（带有边框）</p>
<div class="mb-2">多选（带有边框）</div>
<el-checkbox-group
v-model="checkboxGroupBox"
:size="dynamicSize"
@@ -184,7 +184,7 @@ watch(size, val =>
</el-checkbox-group>
<el-divider />
<p class="mb-2">多选（来点不一样的体验）</p>
<div class="mb-2">多选（来点不一样的体验）</div>
<el-checkbox-group
v-model="checkboxGroupCustom"
class="pure-checkbox"
@@ -218,14 +218,14 @@ watch(size, val =>
</el-checkbox-group>
<el-divider />
<p>可控制间距的按钮样式</p>
<div>可控制间距的按钮样式</div>
<el-slider
v-model="spaceSize"
class="mb-2 !w-[300px]"
class="mb-2 w-[300px]!"
:show-tooltip="false"
:disabled="size === 'disabled'"
/>
<p class="mb-2">单选</p>
<div class="mb-2">单选</div>
<el-space wrap :size="spaceSize">
<el-check-tag
v-for="(tag, index) in checkTag"
@@ -241,7 +241,7 @@ watch(size, val =>
{{ tag.title }}
</el-check-tag>
</el-space>
<p class="mb-2 mt-4">
<div class="mb-2 mt-4">
多选
{{
getKeyList(
@@ -249,7 +249,7 @@ watch(size, val =>
"title"
)
}}
</p>
</div>
<el-space wrap :size="spaceSize">
<el-check-tag
v-for="(tag, index) in checkGroupTag"
@@ -267,7 +267,7 @@ watch(size, val =>
</el-space>
<el-divider />
<p class="mb-2">单个可选按钮</p>
<div class="mb-2">单个可选按钮</div>
<el-check-tag
:class="[
'select-none',