yvan/Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

升级element版本 修改icon

Browse Source
This commit is contained in:
piexlmax
2021-12-10 19:07:15 +08:00
parent 255dba330d
commit 8791206a5c
33 changed files with 1402 additions and 924 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/view/layout/aside/asideComponent/asyncSubmenu.vue
+3 -1
View File
@@ -1,7 +1,9 @@
<template>
<el-sub-menu ref="subMenu" :index="routerInfo.name">
<template #title>
<i :class="'el-icon-'+routerInfo.meta.icon" />
<el-icon>
<component :is="routerInfo.meta.icon" />
</el-icon>
<span>{{ routerInfo.meta.title }}</span>
</template>
<slot />
web/src/view/layout/aside/asideComponent/menuItem.vue
+9 -2
View File
@@ -1,8 +1,10 @@
<template>
<el-menu-item :index="routerInfo.name" :route="{parameters:routerInfo.parameters}">
<i :class="'el-icon-'+routerInfo.meta.icon" />
<el-icon>
<component :is="routerInfo.meta.icon" />
</el-icon>
<template #title>
<span>{{ routerInfo.meta.title }}</span>
<span class="gva-menu-item-title">{{ routerInfo.meta.title }}</span>
</template>
</el-menu-item>
</template>
@@ -20,3 +22,8 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.gva-menu-item-title {
min-width: 160px;
}
</style>
web/src/view/layout/index.vue
+9 -8
View File
@@ -23,8 +23,10 @@
<el-row class="pd-0">
<el-col :xs="2" :lg="1" :md="1" :sm="1" :xl="1" style="z-index:100">
<div class="menu-total" @click="totalCollapse">
<i v-if="isCollapse" class="el-icon-s-unfold" />
<i v-else class="el-icon-s-fold" />
<el-icon v-if="isCollapse" size="24"><expand /></el-icon>
<el-icon v-else size="24">
<fold />
</el-icon>
</div>
</el-col>
<el-col :xs="10" :lg="14" :md="14" :sm="9" :xl="14" :pull="1">
@@ -38,13 +40,14 @@
<el-col :xs="12" :lg="9" :md="9" :sm="14" :xl="9">
<div class="right-box">
<Search />
<Screenfull class="screenfull" :style="{cursor:'pointer'}" />
<el-dropdown>
<div class="dp-flex justify-content-center align-items height-full width-full">
<span class="header-avatar" style="cursor: pointer">
<CustomPic />
<span style="margin-left: 5px">{{ userInfo.nickName }}</span>
<i class="el-icon-arrow-down" />
<el-icon>
<arrow-down />
</el-icon>
</span>
</div>
<template #dropdown>
@@ -61,8 +64,8 @@
</span>
</el-dropdown-item>
</template>
<el-dropdown-item icon="el-icon-s-custom" @click="toPerson">个人信息</el-dropdown-item>
<el-dropdown-item icon="el-icon-table-lamp" @click="LoginOut">登 出</el-dropdown-item>
<el-dropdown-item icon="avatar" @click="toPerson">个人信息</el-dropdown-item>
<el-dropdown-item icon="reading-lamp" @click="LoginOut">登 出</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
@@ -96,7 +99,6 @@
<script>
import Aside from '@/view/layout/aside/index.vue'
import HistoryComponent from '@/view/layout/aside/historyComponent/history.vue'
import Screenfull from '@/view/layout/screenfull/index.vue'
import Search from '@/view/layout/search/search.vue'
import BottomInfo from '@/view/layout/bottomInfo/bottomInfo.vue'
import { mapGetters, mapActions } from 'vuex'
@@ -109,7 +111,6 @@ export default {
components: {
Aside,
HistoryComponent,
Screenfull,
Search,
BottomInfo,
CustomPic,
web/src/view/layout/screenfull/index.vue
+2 -2
View File
@@ -1,5 +1,5 @@
<template>
<div @click="click">
<el-icon @click="click">
<svg
v-if="isShow"
t="1590133227479"
@@ -59,7 +59,7 @@
p-id="1871"
/>
</svg>
</div>
</el-icon>
</template>
<script>
web/src/view/layout/search/search.vue
+16 -2
View File
@@ -23,13 +23,23 @@
v-if="btnShow"
class="user-box"
>
<i class="el-icon-refresh reload" :class="[reload ? 'reloading' : '']" @click="handleReload" />
<el-icon class="reload" :class="[reload ? 'reloading' : '']" @click="handleReload">
<refresh />
</el-icon>
</div>
<div
v-if="btnShow"
class="user-box"
>
<i class="el-icon-search search-icon" @click="showSearch()" />
<el-icon class="search-icon" @click="showSearch()">
<search />
</el-icon>
</div>
<div
v-if="btnShow"
class="user-box"
>
<Screenfull class="search-icon" :style="{cursor:'pointer'}" />
</div>
</div>
</template>
@@ -37,9 +47,13 @@
<script>
import { mapGetters } from 'vuex'
import { emitter } from '@/utils/bus.js'
import Screenfull from '@/view/layout/screenfull/index.vue'
export default {
name: 'SearchComponent',
components: {
Screenfull
},
data() {
return {
value: '',
web/src/view/layout/setting/index.vue
+7 -3
View File
@@ -1,6 +1,6 @@
<template>
<div>
<el-button type="primary" class="drawer-container" icon="el-icon-setting" @click="showSettingDrawer" />
<el-button type="primary" class="drawer-container" icon="setting" @click="showSettingDrawer" />
<el-drawer
v-model="drawer"
title="系统配置"
@@ -13,7 +13,9 @@
<div class="theme-box">
<div class="item" @click="changeMode('light')">
<div class="item-top">
<i v-if="mode === 'light'" class="el-icon-check check" />
<el-icon v-if="mode === 'light'" class="check">
<check />
</el-icon>
<img src="https://gw.alipayobjects.com/zos/antfincdn/NQ%24zoisaD2/jpRkZQMyYRryryPNtyIC.svg">
</div>
<p>
@@ -22,7 +24,9 @@
</div>
<div class="item" @click="changeMode('dark')">
<div class="item-top">
<i v-if="mode === 'dark'" class="el-icon-check check" />
<el-icon v-if="mode === 'dark'" class="check">
<check />
</el-icon>
<img src="https://gw.alipayobjects.com/zos/antfincdn/XwFOFbLkSM/LCkqqYNmvBEbokSDscrm.svg">
</div>
<p>