zhangzengfei
2020-07-30 b4902c47c0ffd80276ffd9cb0ea6bf6908b0420c
src/pages/desktop/index/components/Tools.vue
@@ -1,6 +1,5 @@
<template>
  <div class="tools">
      <div class="tools-left">
        <div
          :class="['tools-icon','tools-show-desktop', {clicked:this.$store.state.desktop.preferenceVisiable}]"
@@ -15,12 +14,7 @@
        </div>
      </div>
      <div class="tools-middle">
        <div
          v-for="dock in this.$store.state.desktop.minDocks"
          :key="dock.id"
          class="dock-item-wrap"
        >
      <div v-for="dock in this.$store.state.desktop.minDocks" :key="dock.id" class="dock-item-wrap">
          <a @click="dockClick(dock)">
            <img class="dock-item" :src="dock.src" :alt="dock.alt" />
          </a>
@@ -50,18 +44,13 @@
          ></span>
        </div> -->
      </div>
  </div>
</template>
<script>
import Timer from "./Timer";
export default {
  name: "Tools",
  components: {
    Timer
  },
  data() {
    return {
      publicPath: process.env.BASE_URL,
@@ -159,7 +148,7 @@
.tools .tools-middle::before{
  width: 1px;
  height: 20px;
  content: '';
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
@@ -177,7 +166,7 @@
.tools .tools-middle .dock-item-wrap.clicked{
  color: white;
  background-color: #98aabe;
  border-color: #40C3FF;
  border-color: #40c3ff;
  cursor: pointer;
}
.dock-item-wrap a {