应用安装/卸载

hanbaoshan

2020-09-22 e0f0173f98b37a752359d5312b30575f44d1d8f7

 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;