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/ToolsEntry.vue | 122 +++++++++++++++++-----------------------
1 files changed, 53 insertions(+), 69 deletions(-)
diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue
index 55084be..cc44556 100644
--- a/src/pages/desktop/index/components/ToolsEntry.vue
+++ b/src/pages/desktop/index/components/ToolsEntry.vue
@@ -2,14 +2,19 @@
<div class="tools-entry">
<div class="entry-wrap">
<div class="app-list clearFix">
- <div class="app" v-for="dock in this.$store.state.desktop.docks" :key="dock.id" @click="dockClick(dock)">
- <div class="wrap">
- <div class="app-icon">
- <img :src="dock.src" :alt="dock.alt">
- </div>
- <div class="app-name">{{dock.name}}</div>
- </div>
+ <div
+ class="app"
+ v-for="dock in this.$store.state.desktop.docks"
+ :key="dock.id"
+ @click="dockClick(dock)"
+ >
+ <div class="wrap">
+ <div class="app-icon">
+ <img :src="dock.src" :alt="dock.alt" />
+ </div>
+ <div class="app-name">{{dock.name}}</div>
</div>
+ </div>
</div>
</div>
</div>
@@ -17,34 +22,14 @@
<script>
export default {
- name:'toolsEntry',
- data(){
+ name: 'toolsEntry',
+ data() {
return {
publicPath: process.env.BASE_URL,
- // applist:[
- // {src: `/images/app-mid/camera-access.png`, name:'鎽勫儚鏈烘帴鍏�'},
- // {src: `/images/app-mid/datastack-config.png`, name:'鏁版嵁鏍堥厤缃�'},
- // {src: `/images/app-mid/DVR-access.png`, name:'纭洏褰曞儚鏈烘帴鍏�'},
- // {src: `/images/app-mid/data-push.png`, name:'鏁版嵁鎺ㄩ��'},
- // {src: `/images/app-mid/GB-config.png`, name:'GB28281閰嶇疆'},
- // {src: `/images/app-mid/scene-config.png`, name:'鍦烘櫙閰嶇疆'},
- // {src: `/images/app-mid/library.png`, name:'姣斿搴撶鐞�'},
- // {src: `/images/app-mid/poll.png`, name:'杞绠＄悊'},
- // {src: `/images/app-mid/algorithm-manage.png`, name:'绠楁硶绠＄悊'},
- // {src: `/images/app-mid/algorithm-store.png`, name:'绠楁硶鍟嗗煄'},
- // {src: `/images/app-mid/hashrate-manage.png`, name:'绠楀姏绠＄悊'},
- // {src: `/images/app-mid/monitor.png`, name:'瀹炴椂鐩戞帶-鍦ㄧ嚎鎾斁'},
- // {src: `/images/app-mid/search.png`, name:'妫�绱�-缁熻鏌ヨ'},
- // {src: `/images/app-mid/360.png`, name:'鍏ㄦ櫙瑙嗛'},
- // {src: `/images/app-mid/log-manage.png`, name:'鏃ュ織绠＄悊'},
- // {src: `/images/app-mid/device.png`, name:'璁惧绠＄悊'},
- // {src: `/images/app-mid/settings.png`, name:'绯荤粺璁剧疆'},
- // {src: `/images/app-mid/vindicate.png`, name:'绯荤粺缁存姢'}
- // ]
}
},
- methods:{
-
+ methods: {
+
dockClick(dock) {
if (dock.type === '1') {
window.open(dock.url);
@@ -77,49 +62,48 @@
</script>
<style lang="scss">
- .tools-entry{
- //margin-top: 130px;
- position: absolute;
- top: 142px;
- left: 50%;
- transform: translateX(-50%);
- .entry-wrap{
- width: 1180px;
- padding: 0 60px;
- margin: 0 auto;
- .app-list{
- .app{
- width: 16.6%;
- margin-bottom: 54px;
- float: left;
- .wrap{
- .app-icon{
- text-align: center;
- line-height: 110px;
- width: 110px;
- height: 110px;
- margin: auto;
- img{
- vertical-align: middle;
- margin-right: -3px;
- }
- }
- .app-name{
- padding-top: 10px;
- text-align: center;
- font: Bold 16px/16px Microsoft JhengHei;
- color: #fff;
+.tools-entry {
+ //margin-top: 130px;
+ position: absolute;
+ top: 142px;
+ left: 50%;
+ transform: translateX(-50%);
+ .entry-wrap {
+ width: 1180px;
+ padding: 0 60px;
+ margin: 0 auto;
+ .app-list {
+ .app {
+ width: 16.6%;
+ margin-bottom: 54px;
+ float: left;
+ .wrap {
+ .app-icon {
+ text-align: center;
+ line-height: 110px;
+ width: 110px;
+ height: 110px;
+ margin: auto;
+ img {
+ vertical-align: middle;
+ margin-right: -3px;
}
}
-
- &:hover{
- .app-icon{
- background: rgba(0,0,0,.4);
- }
+ .app-name {
+ padding-top: 10px;
+ text-align: center;
+ font: Bold 16px/16px Microsoft JhengHei;
+ color: #fff;
}
-
+ }
+
+ &:hover {
+ .app-icon {
+ background: rgba(0, 0, 0, 0.4);
+ }
}
}
}
}
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0