鸿蒙智能电子锁前端项目
whychdw
2024-12-18 45b4ff5c0b824d2e5b51a6af3c44076d05f0214d
src/layout/components/TagsView/index.vue
@@ -1,6 +1,9 @@
<template>
  <div id="tags-view-container" class="tags-view-container">
    <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll">
      <div class="hamburger-container" @click="toggleSidebar">
        <svg-icon icon-class="drag"/>
      </div>
      <router-link v-for="tag in visitedViews" :key="tag.path"
        :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" custom
        v-slot="{ navigate, isActive, isExactActive }" ref="tag">
@@ -69,6 +72,9 @@
    this.addTags();
  },
  methods: {
    toggleSidebar() {
      store.app().toggleSidebar();
    },
    isCurrentRoute(route) {
      return route.path === this.$route.path;
    },
@@ -205,7 +211,14 @@
  background: #fff;
  border-bottom: 1px solid #d8dce5;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
  .hamburger-container {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    border-left: 1px solid var(--light-color);
    border-right: 1px solid var(--light-color);
  }
  .tags-view-wrapper {
    .tags-view-item {
      user-select: none;