创建移动导航栏页面

2025-05-02 17:09:51 +08:00 · 2025-05-02 17:09:51 +08:00 · 1dc5b0cb73
commit 1dc5b0cb73
parent 305a83d6e9
1 changed files with 23 additions and 0 deletions
--- a/src/components/Tools/MobileToolbar.vue
+++ b/src/components/Tools/MobileToolbar.vue
@ -0,0 +1,23 @@
+<template>
+  <div id="mobilebarroot"></div>
+</template>
+
+<script>
+export default {
+  name: "MobileToolbar"
+}
+</script>
+
+<style scoped lang="scss">
+@import "node_modules/bootstrap/scss/_functions.scss";
+@import "node_modules/bootstrap/scss/_variables.scss";
+@import "node_modules/bootstrap/scss/_mixins.scss";
+
+#mobilebarroot{
+  background-color: black;
+  @include media-breakpoint-between(xs, md) {
+  }
+  @include media-breakpoint-up(md) {
+  }
+}
+</style>