mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-06 03:58:04 +08:00
36 lines
953 B
Vue
36 lines
953 B
Vue
<template>
|
||
<el-container>
|
||
<el-header>
|
||
<el-row justify="space-between">
|
||
<el-col :span="12">Element Plus Icons for {{ userName }} Template</el-col>
|
||
<el-col :span="12" style="text-align:right">
|
||
<el-button>功能按钮1</el-button>
|
||
<el-button>功能按钮2</el-button>
|
||
</el-col>
|
||
</el-row>
|
||
</el-header>
|
||
<el-main>
|
||
<el-scrollbar>
|
||
|
||
<div v-for="icon in icons">
|
||
<div style="line-height:2em">
|
||
<component style="vertical-align:middle;color:#F66" :width="20" :height="20" :is="icon.name"></component>
|
||
<b style="color:#333;margin-left:1em" v-text="icon.name"></b>：<span style="color:gray" v-text="icon"></span>
|
||
</div>
|
||
</div>
|
||
|
||
</el-scrollbar>
|
||
</el-main>
|
||
</el-container>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
userName: "ThinkAdmin",
|
||
icons: getApp().cache.icons
|
||
}
|
||
}
|
||
}
|
||
</script> |