1

src/config.js

@@ -1,3 +1,9 @@
 export default {
   version: 'v20221018.1122',
+  zIndex: {
+    topBar: {
+      self: '3',
+      children: {},
+    },
+  },
 }

src/main.js

@@ -19,6 +19,8 @@ if (uaInfo.browser && uaInfo.browser.name === 'Safari') {
   Vue.prototype.$isSafari = true
 }
 
+Vue.prototype.$config = globalConfig
+
 const idealWindowInnerWidth = 2436 // 设计稿的宽度
 const idealRootFontSize = 24 // 设计稿里选择的根元素尺寸
 Vue.prototype.$oneRemToPx = window.innerHeight * idealRootFontSize / idealWindowInnerWidth

src/views/RelicsAppr.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="relics-appr">
-    <div class="top-bar">
+    <div
+      class="top-bar"
+      :style="{
+        zIndex: $config.zIndex.topBar.self
+      }"
+    >
       <div class="left-wrap">
         <button
           class="switch-3d"