From e0f0173f98b37a752359d5312b30575f44d1d8f7 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期二, 22 九月 2020 11:12:00 +0800
Subject: [PATCH] 应用安装/卸载
---
src/pages/desktop/index/components/ToolsEntry.vue | 30 ++++++++++++++++++++++++++----
1 files changed, 26 insertions(+), 4 deletions(-)
diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue
index 36a0fc3..cf96409 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" :style="{color:loading?'rgba(255,255,255,.5)':'#fff'}">{{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;
--
Gitblit v1.8.0