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

feat: print and perf style

Browse Source
This commit is contained in:
xiaoxian521
2022-03-02 13:56:07 +08:00
parent e3fda52801
commit 727c0fe3c0
31 changed files with 4475 additions and 1787 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/permission/button/index.vue
View File

@@ -20,12 +20,16 @@ function changRole(value) {
</script>
<template>
<div>
<el-radio-group v-model="auth" @change="changRole">
<el-radio-button label="admin"></el-radio-button>
<el-radio-button label="test"></el-radio-button>
</el-radio-group>
<el-card>
<template #header>
<div class="card-header">
<el-radio-group v-model="auth" @change="changRole">
<el-radio-button label="admin"></el-radio-button>
<el-radio-button label="test"></el-radio-button>
</el-radio-group>
</div>
</template>
<p v-auth="'v-admin'">只有admin可看</p>
<p v-auth="'v-test'">只有test可看</p>
</div>
</el-card>
</template>

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

@@ -29,19 +29,23 @@ function changRole() {
</script>
<template>
<div>
<h4>
当前角色：
<span style="font-size: 26px">{{ purview }}</span>
<p style="color: #ffa500">
查看左侧菜单变化(系统管理)，模拟后台根据不同角色返回对应路由
</p>
</h4>
<el-card>
<template #header>
<div class="card-header">
<span>
当前角色：
<span style="font-size: 26px">{{ purview }}</span>
<p style="color: #ffa500">
查看左侧菜单变化(系统管理)，模拟后台根据不同角色返回对应路由
</p></span
>
</div>
</template>
<el-button
type="primary"
@click="changRole"
:icon="useRenderIcon('user', { color: '#fff' })"
>切换角色</el-button
>
</div>
</el-card>
</template>