wzp/v3-admin-vite
Template
1
0
Fork 0
mirror of https://github.com/un-pany/v3-admin-vite.git synced 2025-04-21 11:29:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 禁用 el-tag 组件渐变动画

Browse Source
This commit is contained in:
pany 2024-11-13 16:27:27 +08:00
parent 19f7b6049e
commit 738bd4a49f
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/table/element-plus/index.vue
View File

@ -148,16 +148,18 @@ watch([() => paginationData.currentPage, () => paginationData.pageSize], getTabl
<el-table-column prop="username" label="用户名" align="center" />
<el-table-column prop="roles" label="角色" align="center">
<template #default="scope">
<el-tag v-if="scope.row.roles === 'admin'" type="primary" effect="plain">admin</el-tag>
<el-tag v-else type="warning" effect="plain">{{ scope.row.roles }}</el-tag>
<el-tag v-if="scope.row.roles === 'admin'" type="primary" effect="plain" disable-transitions>
admin
</el-tag>
<el-tag v-else type="warning" effect="plain" disable-transitions>{{ scope.row.roles }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="phone" label="手机号" align="center" />
<el-table-column prop="email" label="邮箱" align="center" />
<el-table-column prop="status" label="状态" align="center">
<template #default="scope">
<el-tag v-if="scope.row.status" type="success" effect="plain">启用</el-tag>
<el-tag v-else type="danger" effect="plain">禁用</el-tag>
<el-tag v-if="scope.row.status" type="success" effect="plain" disable-transitions>启用</el-tag>
<el-tag v-else type="danger" effect="plain" disable-transitions>禁用</el-tag>
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建时间" align="center" />