twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-09 13:53:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: 适配最新版element-plus v2.6.0

Browse Source
This commit is contained in:
xiaoxian521
2024-03-01 21:07:27 +08:00
parent 19ccd378f5
commit b5645b19e1
20 changed files with 586 additions and 634 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -94,10 +94,10 @@ watch(size, val =>
<el-space wrap :size="40">
<span style="font-size: 16px; font-weight: 800"> 可选按钮 </span>
<el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio>
<el-radio value="large">大尺寸</el-radio>
<el-radio value="default">默认尺寸</el-radio>
<el-radio value="small">小尺寸</el-radio>
<el-radio value="disabled">禁用</el-radio>
</el-radio-group>
</el-space>
</div>
@@ -108,9 +108,9 @@ watch(size, val =>
:size="dynamicSize"
:disabled="size === 'disabled'"
>
<el-radio-button label="wait">等待中</el-radio-button>
<el-radio-button label="progress">进行中</el-radio-button>
<el-radio-button label="complete">已完成</el-radio-button>
<el-radio-button value="wait">等待中</el-radio-button>
<el-radio-button value="progress">进行中</el-radio-button>
<el-radio-button value="complete">已完成</el-radio-button>
</el-radio-group>
<el-divider />
@@ -120,9 +120,9 @@ watch(size, val =>
:size="dynamicSize"
:disabled="size === 'disabled'"
>
<el-radio label="wait" border>等待中</el-radio>
<el-radio label="progress" border>进行中</el-radio>
<el-radio label="complete" border>已完成</el-radio>
<el-radio value="wait" border>等待中</el-radio>
<el-radio value="progress" border>进行中</el-radio>
<el-radio value="complete" border>已完成</el-radio>
</el-radio-group>
<el-divider />
@@ -132,19 +132,19 @@ watch(size, val =>
:size="dynamicSize"
:disabled="size === 'disabled'"
>
<el-radio-button label="wait">
<el-radio-button value="wait">
<span class="flex">
<IconifyIconOnline icon="ri:progress-8-fill" class="mr-1" />
等待中
</span>
</el-radio-button>
<el-radio-button label="progress">
<el-radio-button value="progress">
<span class="flex">
<IconifyIconOnline icon="ri:progress-6-line" class="mr-1" />
进行中
</span>
</el-radio-button>
<el-radio-button label="complete">
<el-radio-button value="complete">
<span class="flex">
<IconifyIconOnline icon="ri:progress-8-line" class="mr-1" />
已完成
@@ -159,9 +159,9 @@ watch(size, val =>
:size="dynamicSize"
:disabled="size === 'disabled'"
>
<el-checkbox-button label="apple">苹果</el-checkbox-button>
<el-checkbox-button label="tomato">西红柿</el-checkbox-button>
<el-checkbox-button label="banana">香蕉</el-checkbox-button>
<el-checkbox-button value="apple">苹果</el-checkbox-button>
<el-checkbox-button value="tomato">西红柿</el-checkbox-button>
<el-checkbox-button value="banana">香蕉</el-checkbox-button>
</el-checkbox-group>
<el-divider />
@@ -171,9 +171,9 @@ watch(size, val =>
:size="dynamicSize"
:disabled="size === 'disabled'"
>
<el-checkbox label="cucumber" border>黄瓜</el-checkbox>
<el-checkbox label="onion" border>洋葱</el-checkbox>
<el-checkbox label="blueberry" border>蓝莓</el-checkbox>
<el-checkbox value="cucumber" border>黄瓜</el-checkbox>
<el-checkbox value="onion" border>洋葱</el-checkbox>
<el-checkbox value="blueberry" border>蓝莓</el-checkbox>
</el-checkbox-group>
<el-divider />
@@ -184,13 +184,13 @@ watch(size, val =>
:size="dynamicSize"
:disabled="size === 'disabled'"
>
<el-checkbox-button label="tomato">
<el-checkbox-button value="tomato">
<span class="flex">
<IconifyIconOnline icon="streamline-emojis:tomato" class="mr-1" />
番茄
</span>
</el-checkbox-button>
<el-checkbox-button label="watermelon">
<el-checkbox-button value="watermelon">
<span class="flex">
<IconifyIconOnline
icon="streamline-emojis:watermelon-1"
@@ -199,7 +199,7 @@ watch(size, val =>
西瓜
</span>
</el-checkbox-button>
<el-checkbox-button label="strawberry">
<el-checkbox-button value="strawberry">
<span class="flex">
<IconifyIconOnline
icon="streamline-emojis:strawberry-1"

8
src/views/components/check-card.vue
View File

@@ -53,10 +53,10 @@ watch(size, val =>
多选卡片组
</el-link>
<el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio>
<el-radio value="large">大尺寸</el-radio>
<el-radio value="default">默认尺寸</el-radio>
<el-radio value="small">小尺寸</el-radio>
<el-radio value="disabled">禁用</el-radio>
</el-radio-group>
</el-space>
</div>

4
src/views/components/collapse.vue
View File

@@ -45,8 +45,8 @@ const handleChange = (val: string[]) => {
<p class="mb-2">基础用法</p>
<el-radio-group v-model="radio" class="mb-3">
<el-radio label="">可同时展开多个面板</el-radio>
<el-radio label="accordion">每次只能展开一个面板</el-radio>
<el-radio value="">可同时展开多个面板</el-radio>
<el-radio value="accordion">每次只能展开一个面板</el-radio>
</el-radio-group>
<el-button size="small" text bg class="ml-8 mb-1" @click="onClick">
外部触发打开、关闭

8
src/views/components/color-picker.vue
View File

@@ -57,10 +57,10 @@ function onClick() {
颜色选择器
</el-link>
<el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio>
<el-radio value="large">大尺寸</el-radio>
<el-radio value="default">默认尺寸</el-radio>
<el-radio value="small">小尺寸</el-radio>
<el-radio value="disabled">禁用</el-radio>
</el-radio-group>
</el-space>
</div>

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

@@ -144,10 +144,10 @@ watch(size, val =>
日期选择器
</el-link>
<el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio>
<el-radio value="large">大尺寸</el-radio>
<el-radio value="default">默认尺寸</el-radio>
<el-radio value="small">小尺寸</el-radio>
<el-radio value="disabled">禁用</el-radio>
</el-radio-group>
</el-space>
</div>
@@ -245,9 +245,9 @@ watch(size, val =>
:disabled="size === 'disabled'"
@change="value7 = ''"
>
<el-radio label="">Date</el-radio>
<el-radio label="YYYY-MM-DD">年月日</el-radio>
<el-radio label="x">时间戳</el-radio>
<el-radio value="">Date</el-radio>
<el-radio value="YYYY-MM-DD">年月日</el-radio>
<el-radio value="x">时间戳</el-radio>
</el-radio-group>
<br />
<el-space wrap>

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

@@ -170,10 +170,10 @@ watch(size, val =>
日期时间选择器
</el-link>
<el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio>
<el-radio value="large">大尺寸</el-radio>
<el-radio value="default">默认尺寸</el-radio>
<el-radio value="small">小尺寸</el-radio>
<el-radio value="disabled">禁用</el-radio>
</el-radio-group>
</el-space>
</div>
@@ -197,9 +197,9 @@ watch(size, val =>
:disabled="size === 'disabled'"
@change="value1 = ''"
>
<el-radio label="">Date</el-radio>
<el-radio label="YYYY-MM-DD HH:mm:ss">年月日 时分秒</el-radio>
<el-radio label="x">时间戳</el-radio>
<el-radio value="">Date</el-radio>
<el-radio value="YYYY-MM-DD HH:mm:ss">年月日 时分秒</el-radio>
<el-radio value="x">时间戳</el-radio>
</el-radio-group>
<br />
<el-space wrap>

22
src/views/components/el-button.vue
View File

@@ -68,10 +68,10 @@ watch(size, val =>
Button 按钮
</el-link>
<el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio>
<el-radio value="large">大尺寸</el-radio>
<el-radio value="default">默认尺寸</el-radio>
<el-radio value="small">小尺寸</el-radio>
<el-radio value="disabled">禁用</el-radio>
</el-radio-group>
</el-space>
</div>
@@ -79,13 +79,13 @@ watch(size, val =>
<p class="mb-2">基础按钮</p>
<el-radio-group v-model="baseRadio" class="mb-3">
<el-radio label="default" />
<el-radio label="plain" />
<el-radio label="round" />
<el-radio label="circle" />
<el-radio label="link" />
<el-radio label="text" />
<el-radio label="text-bg" />
<el-radio label="default" value="default" />
<el-radio label="plain" value="plain" />
<el-radio label="round" value="round" />
<el-radio label="circle" value="circle" />
<el-radio label="link" value="link" />
<el-radio label="text" value="text" />
<el-radio label="text-bg" value="text-bg" />
</el-radio-group>
<br />
<el-space wrap>

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

@@ -79,9 +79,9 @@ const handleInputConfirm = () => {
Tag 标签
</el-link>
<el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio>
<el-radio value="large">大尺寸</el-radio>
<el-radio value="default">默认尺寸</el-radio>
<el-radio value="small">小尺寸</el-radio>
</el-radio-group>
</el-space>
</div>
@@ -89,9 +89,9 @@ const handleInputConfirm = () => {
<p class="mb-2">基础按钮</p>
<el-radio-group v-model="baseTag" class="mb-3">
<el-radio label="dark" />
<el-radio label="light" />
<el-radio label="plain" />
<el-radio label="dark" value="dark" />
<el-radio label="light" value="light" />
<el-radio label="plain" value="plain" />
</el-radio-group>
<br />
<el-space class="mb-3">

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

@@ -69,10 +69,10 @@ const endTime = ref("");
时间选择器
</el-link>
<el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio>
<el-radio value="large">大尺寸</el-radio>
<el-radio value="default">默认尺寸</el-radio>
<el-radio value="small">小尺寸</el-radio>
<el-radio value="disabled">禁用</el-radio>
</el-radio-group>
</el-space>
</div>