修改了右侧图标

This commit is contained in:
luyuan 2020-10-30 17:01:35 +08:00
parent f0e1d05a73
commit c50094614e
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3
9 changed files with 11 additions and 9 deletions

View File

@ -11,10 +11,10 @@
<div v-for="(i,j) in list" :key="j" style="overflow: hidden;" @click="routeto(j)" @mouseenter="mouse(j)"> <div v-for="(i,j) in list" :key="j" style="overflow: hidden;" @click="routeto(j)" @mouseenter="mouse(j)">
<div class="item" :class="{'selitem': j == selnum, 'seltop': j == selnum - 1, 'selbottom': j == selnum + 1}"> <div class="item" :class="{'selitem': j == selnum, 'seltop': j == selnum - 1, 'selbottom': j == selnum + 1}">
<div class="route"> <div class="route">
<img :src="i.icon" alt="" class="icon"> <img :src="j == selnum ? i.sleicon : i.icon" alt="" class="icon">
<div class="title">{{lan.$t(i.name)}}</div> <div class="title">{{lan.$t(i.name)}}</div>
</div> </div>
<img alt="" src="../static/images/jiantou.png" class="right"> <img alt="" :src="j == selnum ? jiantous : jiantou" class="right">
</div> </div>
</div> </div>
<div style="overflow: hidden;"> <div style="overflow: hidden;">
@ -136,37 +136,37 @@ export default defineComponent({
const list: Array<MenuItem> = [ const list: Array<MenuItem> = [
{ {
icon: require("../static/images/wode1.png"), icon: require("../static/images/wode1.png"),
sleicon:"", sleicon: require("../static/images/wodedangan1.png"),
name: 'wodedangan', name: 'wodedangan',
route: "/mine/archives" route: "/mine/archives"
}, },
{ {
icon: require("../static/images/xiayig.png"), icon: require("../static/images/xiayig.png"),
sleicon:"", sleicon:require("../static/images/shipin1.png"),
name: 'fabuzhibo', name: 'fabuzhibo',
route: "/mine/webcast" route: "/mine/webcast"
}, },
{ {
icon: require("../static/images/shipin.png"), icon: require("../static/images/shipin.png"),
sleicon:"shipin.png", sleicon: require("../static/images/zhibo1.png"),
name: 'shangchuanshipin', name: 'shangchuanshipin',
route: "/mine/video" route: "/mine/video"
}, },
{ {
icon: require("../static/images/yinhangka.png"), icon: require("../static/images/yinhangka.png"),
sleicon:"", sleicon: require("../static/images/qianbao1.png"),
name: 'wodeqianbao', name: 'wodeqianbao',
route: "/mine/wallet" route: "/mine/wallet"
}, },
{ {
icon: require("../static/images/tongji.png"), icon: require("../static/images/tongji.png"),
sleicon:"", sleicon: require("../static/images/liebiao1.png"),
name: 'liebiaotongji', name: 'liebiaotongji',
route: "/mine/liststatistic" route: "/mine/liststatistic"
}, },
{ {
icon: require("../static/images/bangzhu.png"), icon: require("../static/images/bangzhu.png"),
sleicon:"", sleicon: require("../static/images/guanyu1.png"),
name: 'guanyu', name: 'guanyu',
route: "/mine/aboutus" route: "/mine/aboutus"
} }
@ -219,7 +219,9 @@ export default defineComponent({
logout, logout,
mouse, mouse,
tuichu, tuichu,
lan lan,
jiantou: require('../static/images/jiantou.png'),
jiantous: require('../static/images/kuozhan1.png')
} }
} }
}) })

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB