From c0c79d9b58705a3c8c13ea9f23b1dd0f724a04af Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期一, 19 十月 2020 19:14:52 +0800
Subject: [PATCH] 搜索集群节点样式更新
---
src/pages/desktop/index/components/ToolsEntry.vue | 35 +++++++++++++++++++++++++++++++----
1 files changed, 31 insertions(+), 4 deletions(-)
diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue
index 89d8f14..8ffbfc7 100644
--- a/src/pages/desktop/index/components/ToolsEntry.vue
+++ b/src/pages/desktop/index/components/ToolsEntry.vue
@@ -4,15 +4,15 @@
<div class="app-list clearFix">
<div
class="app"
- v-for="dock in this.$store.state.desktop.docks"
+ v-for="dock in stateDocks"
:key="dock.id"
@click="dockClick(dock)"
>
<div class="wrap">
- <div class="app-icon">
+ <div class="app-icon" >
<img :src="dock.src" :alt="dock.alt" />
</div>
- <div class="app-name">{{dock.title}}</div>
+ <div class="app-name" >{{dock.title}}</div>
</div>
</div>
</div>
@@ -29,6 +29,13 @@
data() {
return {
publicPath: process.env.BASE_URL,
+ loading: true,
+ localApps: []
+ }
+ },
+ computed:{
+ stateDocks(){
+ return this.$store.state.desktop.docks
}
},
mounted() {
@@ -49,7 +56,8 @@
this.addFrameByName("search", params)
}
}
- })
+ });
+
},
methods: {
dockClick(dock) {
@@ -153,6 +161,20 @@
margin-right: -3px;
}
}
+ .el-loading-mask{
+ border-radius: 8px;
+ }
+ .el-loading-spinner{
+ top: 20px;
+ }
+ .el-loading-spinner .path{
+ stroke: #78adf7;
+ }
+ .el-loading-spinner .el-loading-text{
+ line-height: 1;
+ margin-top: -30px;
+ color: #78adf7;
+ }
.app-name {
padding-top: 10px;
text-align: center;
@@ -171,6 +193,11 @@
.logo{
text-align: right;
padding-right: 50px;
+ user-select: none;
+ img{
+ user-select: none;
+ -webkit-user-drag: none;
+ }
}
}
}
--
Gitblit v1.8.0