update Navbar & beilv

2022-11-09 15:30:00 +08:00
parent 66ce0d76f2
commit 031f0f18ed
12 changed files with 168 additions and 77 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,12 +8,21 @@
 export default {
  name: 'App',
  mounted() {
+    this.beilv = document.body.offsetWidth / 1920
+    document.documentElement.style.setProperty('--beilv', this.beilv)
+    window.addEventListener('resize', () => {
+      this.beilv = document.body.offsetWidth / 1920
+      document.documentElement.style.setProperty('--beilv', this.beilv)
+    })
+  },
+  data() {
+    beilv: 1
  }
 }
 </script>

 <style lang="scss" scoped>
-  #app {
-    background-color: #f2f4f9;
-  }
+#app {
+  background-color: #f2f4f9;
+}
 </style>