11

src/views/bitcoin/components/LeveragePopup.vue

@@ -142,7 +142,7 @@ const confirmSelection = () => {
   position: fixed;
   top: 0; left: 0; right: 0; bottom: 0;
   background: rgba(0, 0, 0, 0.5);
-  z-index: 998;
+  z-index: 2000;
 }
 
 /* 弹窗容器 */
@@ -152,7 +152,7 @@ const confirmSelection = () => {
   background: #ffffff;
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
-  z-index: 999;
+  z-index: 2001;
   padding-bottom: env(safe-area-inset-bottom);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 }

src/views/bitcoin/lever/OptionTrading.vue

@@ -149,7 +149,7 @@
 
       <div class="menu-content-r">
         <div class="menu-content-rb pf400 fs14">
-          <div class="menu-content-rb1 fs14 fc333333" @click="showInfo = true">
+          <div class="menu-content-rb1 fs14 fc333333" @click="showInfo1=true">
             <img src="@/assets/icon/bitcoin/quancang.svg" alt="">
             <span>{{ selectedLabel1 }}</span>
           </div>
@@ -183,7 +183,7 @@
             <img src="@/assets/icon/bitcoin/quancang.svg" alt="">
             <span>隐含波动率</span>
           </div>
-          <div @click="showModal1 = true" style="font-size: 12px; margin-right: 12px;">
+          <div style="font-size: 12px; margin-right: 12px;">
             53.6%
           </div>
         </div>
@@ -283,9 +283,9 @@
         teleport="body"
     ></OrderTimeSheet>
 
-    <MarginInfoSheet
+    <impliedVolatility
         v-model:visible="showInfo"
-    ></MarginInfoSheet>
+    ></impliedVolatility>
 
     <FundingOptions
         v-model:visible="showModal1"
@@ -305,6 +305,9 @@
     <CommonFunctionsPopup
       v-model:visible="showFunctions"
     ></CommonFunctionsPopup>
+    <MarginInfoSheet
+        v-model:visible="showInfo1"
+    ></MarginInfoSheet>
     <div style="margin-bottom: 80px">
     </div>
   </div>
@@ -332,12 +335,15 @@ const ChooseThisDepth = defineAsyncComponent(() => import('@/views/bitcoin/compo
 const LeveragePopup = defineAsyncComponent(() => import('@/views/bitcoin/components/LeveragePopup.vue'));
 const OrderConfirmPopup = defineAsyncComponent(() => import('@/views/bitcoin/components/OrderConfirmPopup.vue'));
 const OrderTimeSheet = defineAsyncComponent(() => import('@/views/bitcoin/components/OrderTimeSheet.vue'));
-const MarginInfoSheet = defineAsyncComponent(() => import('@/views/bitcoin/lever/components/impliedVolatility.vue'));
+const impliedVolatility = defineAsyncComponent(() => import('@/views/bitcoin/lever/components/impliedVolatility.vue'));
 const FundingOptions = defineAsyncComponent(() => import('@/views/bitcoin/components/FundingOptions.vue'));
 const OrderType = defineAsyncComponent(() => import('@/views/bitcoin/components/OrderType.vue'));
 const LimitOrderModal = defineAsyncComponent(() => import('@/views/bitcoin/components/LimitOrderModal.vue'));
 // 假设您的组件在 @/components/CommonFunctionsPopup.vue (请根据实际路径修改)
 const CommonFunctionsPopup = defineAsyncComponent(() => import('@/views/bitcoin/CommonFunctionsPopup/CommonFunctionsPopup.vue'));
+//全仓逐仓说明
+const MarginInfoSheet = defineAsyncComponent(() => import('@/views/bitcoin/components/MarginInfoSheet.vue'));
+
 
 // 控制弹窗显示的变量
 const showFunctions = ref(false);
@@ -378,8 +384,9 @@ const handleConfirm1 = (item) => {
   selectedLabel1.value = item.label.slice(0, 2);
   selectedUnit1.value = item.unit;
 };
-
 /* 全仓逐仓说明 */
+const showInfo1 = ref(false);
+//隐含波动率
 const showInfo = ref(false);
 
 /* GTC 弹框 */

src/views/user/VipCenter.vue

@@ -94,7 +94,7 @@ const goToRules = () => {
   height: 44px; padding: 0 16px; position: sticky; top: 0; background: #fff; z-index: 10;
 }
 
-.my-icon{margin-top: 5px;}
+.my-icon{margin-top: 0px;}
 .nav-title { font-size: 18px; font-weight: 500; color: #000; }
 .nav-left, .nav-right { width: 40px; }
 
@@ -148,6 +148,7 @@ const goToRules = () => {
   display: flex; align-items: center;
   margin-bottom: 5px;
   cursor: pointer; /* 增加点击手势 */
+  line-height: 1;
 }
 .header-title { font-size: 18px; font-weight: 600; color: #333; margin-right: 6px; }
 .help-icon { display: block; } /* 问号图标 */

vue.config.js

@@ -2,6 +2,11 @@
 const { defineConfig } = require('@vue/cli-service')
 
 module.exports = defineConfig({
-  transpileDependencies: true
+  transpileDependencies: true,
   // 这里不要留 configureWebpack 了，删干净
-})
+    publicPath: './',
+
+  // 生产环境是否生成 sourceMap 文件
+  // 设置为 false 可以加速打包，且避免源码泄露
+  productionSourceMap: false,
+})