From 006d65361cfc92342f2268d4c5b87666b7bfa73b Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期一, 03 八月 2020 16:11:24 +0800
Subject: [PATCH] app: desktop, 整理images
---
src/pages/desktop/index/components/Tools.vue | 23 +++++++++++------------
1 files changed, 11 insertions(+), 12 deletions(-)
diff --git a/src/pages/desktop/index/components/Tools.vue b/src/pages/desktop/index/components/Tools.vue
index d49df91..fa642fd 100644
--- a/src/pages/desktop/index/components/Tools.vue
+++ b/src/pages/desktop/index/components/Tools.vue
@@ -5,38 +5,38 @@
:class="['tools-icon','tools-show-desktop', {clicked:this.$store.state.desktop.preferenceVisiable}]"
@click="togglePreference()"
>
- <img class="system" :src="`${publicPath}images/header-icon/system.png`" />
+ <img class="system" :src="`${publicPath}images/desktop/header-icon/system.png`" />
<!-- <span class="fa fa-apple"></span> -->
</div>
<div class="tools-icon">
<!-- <span class="fa fa-safari"></span> -->
- <img class="smart-ai" :src="`${publicPath}images/header-icon/SmartAI.png`" alt />
+ <img class="smart-ai" :src="`${publicPath}images/desktop/header-icon/SmartAI.png`" alt />
</div>
</div>
<div class="tools-middle">
<div v-for="dock in this.$store.state.desktop.minDocks" :key="dock.id" class="dock-item-wrap">
- <a @click="dockClick(dock)" >
+ <a @click="dockClick(dock)">
<img class="dock-item" :src="dock.src" :alt="dock.alt" />
- <img class="dock-shot" :src="dock.screenshot" :alt="dock.name">
+ <img class="dock-shot" :src="dock.screenshot" :alt="dock.name" />
</a>
</div>
</div>
<div class="tools-right">
<div class="tools-icon">
<!-- <span class="fa fa-battery-full"></span> -->
- <img :src="`${publicPath}images/header-icon/search.png`" alt />
+ <img :src="`${publicPath}images/desktop/header-icon/search.png`" alt />
</div>
<div class="tools-icon">
<!-- <span class="fa fa-battery-full"></span> -->
- <img :src="`${publicPath}images/header-icon/help.png`" alt />
+ <img :src="`${publicPath}images/desktop/header-icon/help.png`" alt />
</div>
<div class="tools-icon" @click="notificationCenterClick()">
<!-- <span class="fa fa-battery-full"></span> -->
- <img :src="`${publicPath}images/header-icon/notice.png`" alt />
+ <img :src="`${publicPath}images/desktop/header-icon/notice.png`" alt />
</div>
<div class="tools-icon">
<!-- <span class="fa fa-battery-full"></span> -->
- <img :src="`${publicPath}images/header-icon/user.png`" alt />
+ <img :src="`${publicPath}images/desktop/header-icon/user.png`" alt />
</div>
<!-- <timer></timer> -->
<!-- <div class="tools-icon tools-notification-center" @click="notificationCenterClick()">
@@ -145,7 +145,6 @@
.tools .tools-middle {
float: left;
position: relative;
-
}
.tools .tools-middle::before {
width: 1px;
@@ -179,7 +178,7 @@
width: auto;
height: 70%;
}
-.dock-item-wrap .dock-shot{
+.dock-item-wrap .dock-shot {
visibility: hidden;
width: 100px;
height: 46px;
@@ -188,9 +187,9 @@
left: -50%;
}
.tools .tools-middle .dock-item-wrap:hover .dock-shot,
-.tools .tools-middle .dock-item-wrap.clicked .dock-shot{
+.tools .tools-middle .dock-item-wrap.clicked .dock-shot {
visibility: visible;
-}
+}
.tools-icon {
text-align: center;
height: 100%;
--
Gitblit v1.8.0