增加示例页、组件、样式

zrlibs

2025-03-17 7ae689ef9495232756023f0177683e80615e13aa

 src/layout/index.vue

@@ -135,8 +135,19 @@
    },
  },
  mounted() {
    let firstRoute = this.viewList[0];
    this.onMenuClick(firstRoute.id);
    // 指定了正确的url参数时，跳转至指定页(刷新)
    // 否则跳转至首页
    let id = this.$route.query.menuId;
    if (
      this.viewList.map((v) => v.name).includes(this.$route.name) &&
      this.viewList.map((v) => v.id).includes(id)
    ) {
      let route = this.viewList.find((v) => v.id == id);
      this.onMenuClick(route.id);
    } else {
      let firstRoute = this.viewList[0];
      this.onMenuClick(firstRoute.id);
    }
  },
  setup() {
    let refMenu = ref(null);
@@ -215,6 +226,10 @@
          display: none;
        }
      }
      .view {
        width: calc(100% - 240px);
        height: 100%;
      }
    }
  }
}