| | |
| | | <span>{{dock.alt}}</span> |
| | | <img class="dock-item" :src="dock.src" :alt="dock.alt" /> |
| | | </a> |
| | | <img v-show="dock.isOpen" class="dock-item-dot" src="images/circle.png" /> |
| | | <img v-show="dock.isOpen" class="dock-item-dot" :src="`${publicPath}images/circle.png`" /> |
| | | </div> |
| | | <a class="dock-item-split"> |
| | | <img src="images/split.jpg" alt="split" /> |
| | | <img :src="`${publicPath}images/split.jpg`" alt="split" /> |
| | | </a> |
| | | <div v-for="dock in this.$store.state.desktop.minDocks" :key="dock.id" class="dock-item-wrap"> |
| | | <a @click="dockClick(dock)"> |
| | |
| | | <div class="dock-item-wrap"> |
| | | <a> |
| | | <span>trash</span> |
| | | <img class="dock-item" src="images/trash.png" alt="trash" /> |
| | | <img class="dock-item" :src="`${publicPath}images/trash.png`" alt="trash" /> |
| | | </a> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | export default { |
| | | name: "Dock", |
| | | data(){ |
| | | return { |
| | | publicPath: process.env.BASE_URL |
| | | } |
| | | }, |
| | | mounted(){ |
| | | console.log(this.publicPath) |
| | | }, |
| | | methods: { |
| | | getOffsetTop: function (el) { |
| | | if (el.offsetParent == null) { |