1

src/router/index.js

@@ -2,7 +2,6 @@ import { createRouter, createWebHistory } from "vue-router";
 import HomeIndex from "../views/HomeIndex.vue";
 import AppIndex from "../views/index/Index.vue";
 import MarketIndex from "../views/market/Index.vue";
-import BitcoinIndex from "../views/bitcoin/Index.vue";
 import AssetIndex from "../views/asset/Index.vue";
 import UserIndex from "../views/user/Index.vue";
 import ApplyPermission from "../views/index/ApplyPermission.vue";
@@ -30,6 +29,8 @@ import RechargeChangeCoin from "../views/index/recharge/ChangeCoin.vue";
 import Transfer from "../views/index/recharge/Transfer.vue";
 import TransferHistory from "../views/index/recharge/TransferHistory.vue";
 import UserAsset from "../views/asset/UserAsset.vue";
+
+
 import TradeLayout from '@/views/bitcoin/TradeLayout.vue'; // 新建的公共父组件
 import TradeFutures from '@/views/bitcoin/TradeFutures.vue'; // （合约）
 import TradeSeconds from '@/views/bitcoin/lever/TradeSeconds.vue'; // 秒合约（占位）
@@ -58,10 +59,44 @@ const routes = [
         component: MarketIndex,
       },
       {
-        path: "bitcoinIndex",
-        name: "bitcoinIndex",
-        component: BitcoinIndex,
-      },
+        path: "/bitcoin",
+        component: TradeLayout, // 而是布局组件
+        // 当访问 /bitcoin 时，自动重定向到 /bitcoin/contract
+        redirect: '/bitcoin/contract',
+        children: [
+          // 1. 核心交易子路由
+          {
+            path: 'contract',
+            name: 'TradeContract',
+            component: TradeFutures, // 核心交易逻辑
+            meta: { title: '合约' }
+              },
+          {
+            path: 'seconds',
+            name: 'TradeSeconds',
+            component: TradeSeconds,
+            meta: { title: '秒合约' }
+          },
+          {
+            path: 'options',
+            name: 'TradeOptions',
+            component: TradeOptions,
+            meta: { title: '期权' }
+              },
+          {
+            path: 'margin',
+            name: 'TradeMargin',
+            component: TradeMargin,
+            meta: { title: '杠杆' }
+          },
+          { path: 'settings',
+            name: 'TradeSettings',
+            component: TradeSettings },
+          { path: 'calculator',
+            name: 'calculator',
+            component: Calculator },
+         ]
+        },
       {
         path: "assetIndex",
         name: "assetIndex",
@@ -199,50 +234,7 @@ const routes = [
     name: "userAsset",
     component: UserAsset,
   },
-    {
-        path: "/",
-        name: "home",
-        component: HomeIndex,
-    },
-    {
-    path: "/bitcoin",
-    component: TradeLayout, // 而是布局组件
-    // 当访问 /bitcoin 时，自动重定向到 /bitcoin/contract
-    redirect: '/bitcoin/contract',
-    children: [
-      // 1. 核心交易子路由
-      {
-        path: 'contract',
-        name: 'TradeContract',
-        component: TradeFutures, // 核心交易逻辑
-        meta: { title: '合约' }
-      },
-      {
-        path: 'seconds',
-        name: 'TradeSeconds',
-        component: TradeSeconds,
-        meta: { title: '秒合约' }
-      },
-      {
-        path: 'options',
-        name: 'TradeOptions',
-        component: TradeOptions,
-        meta: { title: '期权' }
-      },
-      {
-        path: 'margin',
-        name: 'TradeMargin',
-        component: TradeMargin,
-        meta: { title: '杠杆' }
-      },
-      { path: 'settings',
-        name: 'TradeSettings',
-        component: TradeSettings },
-      { path: 'calculator',
-        name: 'calculator',
-        component: Calculator },
-     ]
-    },
+
     {
         path: "/applyPermission",
         name: "applyPermission",

src/views/HomeIndex.vue

@@ -48,7 +48,7 @@
     },
     {
       key: "bitcoin",
-      path: "/bitcoinIndex",
+      path: "/bitcoin",
       image: require("@/assets/icon/tabbar/bitcoin-circle.png"),
       selectedImage: require("@/assets/icon/tabbar/bitcoin-circle.png"),
       text: "交易",

src/views/bitcoin/lever/components/ChooseThisCycle.vue

@@ -87,6 +87,7 @@ const handleBuy = () => {
   background-color: #fff;
   font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Roboto, Arial, sans-serif;
   color: #333;
+
 }
 
 /* 1. 标题 */
@@ -149,7 +150,7 @@ const handleBuy = () => {
 
 /* 🔥 周期选中态 (核心还原) */
 .cycle-card.active {
-  border-color: #2979FF; /* 外部蓝色边框 */
+  /*border-color: #2979FF; !* 外部蓝色边框 *!*/
   background-color: #fff; /* 边框内的白色间隙(如果需要) */
 }
 
@@ -254,7 +255,8 @@ const handleBuy = () => {
 
 /* 6. 购买按钮 */
 .buy-btn {
-  width: 100%;
+  display: block;
+  width: 310px;
   height: 40px;
   background-color: #DC3545;
   color: #fff;