| | |
| | | <template> |
| | | <div class="tools"> |
| | | |
| | | <div class="tools-left"> |
| | | <div |
| | | :class="['tools-icon','tools-show-desktop', {clicked:this.$store.state.desktop.preferenceVisiable}]" |
| | |
| | | </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> |
| | |
| | | ></span> |
| | | </div> --> |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Timer from "./Timer"; |
| | | |
| | | export default { |
| | | name: "Tools", |
| | | components: { |
| | | Timer |
| | | }, |
| | | data() { |
| | | return { |
| | | publicPath: process.env.BASE_URL, |
| | |
| | | .tools .tools-middle::before{ |
| | | width: 1px; |
| | | height: 20px; |
| | | content: ''; |
| | | content: ""; |
| | | position: absolute; |
| | | top: 10px; |
| | | left: 0; |
| | |
| | | .tools .tools-middle .dock-item-wrap.clicked{ |
| | | color: white; |
| | | background-color: #98aabe; |
| | | border-color: #40C3FF; |
| | | border-color: #40c3ff; |
| | | cursor: pointer; |
| | | } |
| | | .dock-item-wrap a { |