From d37ceed2ad5b94bbfc71a8a4cbdb7b498ddf724d Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Sat, 19 Jul 2025 14:14:18 +0800
Subject: [PATCH] 1

---
 src/page/user/Warehouse/data.list.vue |  607 ++++++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 529 insertions(+), 78 deletions(-)

diff --git a/src/page/user/Warehouse/data.list.vue b/src/page/user/Warehouse/data.list.vue
index ccab3fc..fce48da 100644
--- a/src/page/user/Warehouse/data.list.vue
+++ b/src/page/user/Warehouse/data.list.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <ul class="sport-tabs">
+    <!-- <ul class="sport-tabs">
       <li
         :class="actives === item.key && 'active'"
         v-for="item in tabsList"
@@ -9,41 +9,132 @@
       >
         {{ item.title }}
       </li>
-    </ul>
+    </ul> -->
+    <div class="list">
+      <div class="list_box" v-for="(item, index) in tabsList" :key="index" :name="item.key">
+        <div @click="clickTabs(item,index)" :class="typeindex==index?'list_box_txts':'list_box_txt'">{{ item.title }}</div>
+      </div>
+    </div>
     <van-list
       v-model="loading"
       :finished="finished"
       :finished-text="$t('hj43')"
+      :loading-text="$t('hj430')"
       @load="onLoad"
     >
-      <div
+      <div v-if="actives === 0"
         class="sport-content-li"
         :style="actives === 1 ? 'height:5.52rem' : 'height:7.52rem'"
         v-for="(item, index) in dataList"
         :key="index"
-      >
-        <div class="title-box">
-          <div class="span">{{ item.stockName }}</div>
-          <div
-            class="states"
-            :class="item.orderDirection === '买跌' ? 'states-red' : ''"
-          >
-            {{ $t(item.orderDirection) }}
+        @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
+        <div @click.stop="pushRouter(item)" style="border-bottom: 1px dashed #d9d7de;padding-bottom: 15px;">
+
+          <div class="title-box" style="justify-content: space-between;">
+            <div class="span" :style="item.isListed==false?'color:red;':''">{{ item.stockName }}</div>
+            <div
+              class="states"
+              :class="item.orderDirection === '买跌' ? 'states-red' : ''"
+            >
+              {{ $t(item.orderDirection) }}
+            </div>
           </div>
+          {{ item.stockSpell }}
         </div>
         <van-row>
+          <van-col span="18">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("持倉時間") }}{{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}</div>
+              <!-- <div class="sport-content-title2">{{ $t("訂單編號") }}</div> -->
+            </div>
+          </van-col>
+          <van-col span="6">
+            <div style="text-align: right">
+              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+                {{ item.profitAndLoseParent }}
+              </div>
+              <!-- <div class="sport-content-text2">{{ item.buyOrderId }}</div> -->
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("hj101") }}</div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-text2">{{ item.orderLever }}</div>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-text2">{{ item.orderNum }}</div>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("持倉價") }}</div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-text2">{{ item.buyOrderPrice  }}</div>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("盈虧") }}</div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-text2">{{ item.profitAndLose}}</div>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("hj44") }} ({{ activeObj.symbolCode }})</div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-text2">¥{{ item.orderFee }}</div>
+            </div>
+          </van-col>
+        </van-row>
+
+       <!-- <van-row>
           <van-col span="8">
             <div style="text-align: left">
-              <div class="sport-content-title2">{{ $t("盈虧") }} (USD)</div>
-              <div class="sport-content-text" style="color: #d04b64">
-                {{ item.profitAndLose }}
+              <div class="sport-content-title2" >
+                {{ $t("盈虧") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+                ¥{{ item.profitAndLose | _toLocaleString }}
               </div>
             </div>
           </van-col>
           <van-col span="8">
             <div style="text-align: center">
-              <div class="sport-content-title2">{{ $t("hj141") }} (USD)</div>
-              <div class="sport-content-text2">
+              <div class="sport-content-title2">
+                {{ $t("hj141") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
                 {{ item.profitAndLoseParent }}
               </div>
             </div>
@@ -51,52 +142,38 @@
           <van-col span="8">
             <div style="text-align: right">
               <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
-              <div class="sport-content-text">{{ item.orderNum }}</div>
+              <div class="sport-content-text2">{{ item.orderNum }}</div>
             </div></van-col
           >
-        </van-row>
-        <van-row>
-          <van-col span="8">
-            <div style="text-align: left">
-              <div class="sport-content-title2">{{ $t("hj40") }}(USD)</div>
-              <div class="sport-content-text2">{{ item.now_price }}</div>
-            </div>
-          </van-col>
-          <van-col span="8">
-            <div style="text-align: center">
-              <div class="sport-content-title2">{{ $t("持倉價") }} (USD)</div>
-              <div class="sport-content-text2">{{ item.buyOrderPrice }}</div>
-            </div>
-          </van-col>
-          <van-col span="8">
-            <div style="text-align: right">
-              <div class="sport-content-title2">{{ $t("訂單金額") }} (USD)</div>
-              <div class="sport-content-text2">{{ item.orderTotalPrice }}</div>
-            </div>
-          </van-col>
-        </van-row>
-        <van-row>
+        </van-row> -->
+       <!-- <van-row>
           <van-col span="8">
             <div style="text-align: left">
               <div class="sport-content-title2">
-                {{ $t("開倉手續費") }} (USD)
+                {{ $t("hj40") }}({{ activeObj.symbolCode }})
               </div>
-              <div class="sport-content-text2">{{ item.orderFee }}</div>
+              <div class="sport-content-text2">
+                ¥{{ item.now_price | _toLocaleString }}
+              </div>
             </div>
           </van-col>
           <van-col span="8">
             <div style="text-align: center">
-              <div class="sport-content-title2">{{ $t("止損價") }} (USD)</div>
+              <div class="sport-content-title2">
+                {{ $t("持倉價") }} ({{ activeObj.symbolCode }})
+              </div>
               <div class="sport-content-text2">
-                -{{ item.profitTargetPrice || "--" }}
+                ¥{{ item.buyOrderPrice | _toLocaleString }}
               </div>
             </div>
           </van-col>
           <van-col span="8">
             <div style="text-align: right">
-              <div class="sport-content-title2">{{ $t("止盈價") }} (USD)</div>
+              <div class="sport-content-title2">
+                {{ $t("訂單金額") }} ({{ activeObj.symbolCode }})
+              </div>
               <div class="sport-content-text2">
-                -{{ item.stopTargetPrice || "--" }}
+                ¥{{ item.orderTotalPrice | _toLocaleString }}
               </div>
             </div>
           </van-col>
@@ -104,9 +181,259 @@
         <van-row>
           <van-col span="12">
             <div style="text-align: left">
+              <div class="sport-content-title2">
+                {{ $t("hj44") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2">
+               ¥{{ item.orderFee | _toLocaleString }}
+              </div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-title2">
+                {{ $t("待补金额") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2">
+               ¥{{ item.amountToBeCovered | _toLocaleString }}
+              </div>
+            </div>
+          </van-col> -->
+         <!-- <van-col span="8">
+            <div style="text-align: center">
+              <div class="sport-content-title2">
+                {{ $t("止損價") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2">
+                {{ item.stopTargetPrice | _toLocaleString }}
+              </div>
+            </div>
+          </van-col>
+          <van-col span="8">
+            <div style="text-align: right">
+              <div class="sport-content-title2">
+                {{ $t("止盈價") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2">
+                {{ item.profitTargetPrice | _toLocaleString }}
+              </div>
+            </div>
+          </van-col> -->
+        </van-row>
+
+
+        <div class="but-box" v-if="actives === 0" @click.stop="close(item)">
+          <div class="but">{{ $t("平仓") }}</div>
+          <!-- <div class="but buts">止盈止损</div> -->
+        </div>
+      </div>
+
+
+      <div v-if="actives === 1"
+        class="sport-content-li"
+        :style="actives === 1 ? 'height:5.52rem' : 'height:7.52rem'"
+        v-for="(item, index) in newdataList"
+        :key="index"
+        @click="$router.push(`/Stockdetail?codes=${item.positionSn}`)" >
+        <div @click.stop="pushRouter(item)" style="border-bottom: 1px dashed #d9d7de;padding-bottom: 15px;">
+
+          <div class="title-box" style="justify-content: space-between;">
+            <div class="span" :style="item.isListed==false?'color:red;':''">{{ item.stockName }}</div>
+            <div
+              class="states"
+              :class="item.orderDirection === '买跌' ? 'states-red' : ''"
+            >
+              {{ $t(item.orderDirection) }}
+            </div>
+          </div>
+          {{ item.stockSpell }}
+        </div>
+        <van-row>
+          <van-col span="18">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("持倉時間") }}{{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}</div>
+              <!-- <div class="sport-content-title2">{{ $t("訂單編號") }}</div> -->
+            </div>
+          </van-col>
+          <van-col span="6">
+            <div style="text-align: right">
+              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+                {{ item.profitAndLoseParent }}
+              </div>
+              <!-- <div class="sport-content-text2">{{ item.buyOrderId }}</div> -->
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("hj101") }}</div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-text2">{{ item.orderLever }}</div>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-text2">{{ item.orderNum }}</div>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("持倉價") }}</div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-text2">{{ item.buyOrderPrice  }}</div>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("盈虧") }}</div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-text2">{{ item.profitAndLose}}</div>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
+              <div class="sport-content-title2">{{ $t("hj44") }} ({{ activeObj.symbolCode }})</div>
+            </div>
+          </van-col>
+          <van-col span="12">
+            <div style="text-align: right">
+              <div class="sport-content-text2">¥{{ item.orderFee }}</div>
+            </div>
+          </van-col>
+        </van-row>
+        <!-- <div @click.stop="pushRouter(item)">
+          <div class="title-box" style="justify-content: space-between;">
+            <div class="span">{{ item.stockName }}</div>
+            <div
+              class="states"
+              :class="item.orderDirection === '买跌' ? 'states-red' : ''"
+            >
+              {{ $t(item.orderDirection) }}
+            </div>
+          </div>
+          {{ item.stockSpell }}
+        </div>
+        <van-row>
+          <van-col span="8">
+            <div style="text-align: left">
+              <div class="sport-content-title2">
+                {{ $t("盈虧") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+                ¥{{ item.profitAndLose | _toLocaleString }}
+              </div>
+            </div>
+          </van-col>
+          <van-col span="8">
+            <div style="text-align: center">
+              <div class="sport-content-title2">
+                {{ $t("hj141") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2" :style="item.profitAndLoseParent.charAt(0)=='-'?'color:#cc1b1b;':'color:#3e9976;'">
+                {{ item.profitAndLoseParent }}
+              </div>
+            </div>
+          </van-col>
+          <van-col span="8">
+            <div style="text-align: right">
+              <div class="sport-content-title2">{{ $t("倉位(股)") }}</div>
+              <div class="sport-content-text2">{{ item.orderNum }}</div>
+            </div></van-col
+          >
+        </van-row>
+        <van-row>
+          <van-col span="8">
+            <div style="text-align: left">
+              <div class="sport-content-title2">
+                {{ $t("hj40") }}({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2">
+                ¥{{ item.now_price | _toLocaleString }}
+              </div>
+            </div>
+          </van-col>
+          <van-col span="8">
+            <div style="text-align: center">
+              <div class="sport-content-title2">
+                {{ $t("持倉價") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2">
+                ¥{{ item.buyOrderPrice | _toLocaleString }}
+              </div>
+            </div>
+          </van-col>
+          <van-col span="8">
+            <div style="text-align: right">
+              <div class="sport-content-title2">
+                {{ $t("訂單金額") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2">
+                ¥{{ item.orderTotalPrice | _toLocaleString }}
+              </div>
+            </div>
+          </van-col>
+        </van-row>
+        <van-row>
+          <van-col span="8">
+            <div style="text-align: left">
+              <div class="sport-content-title2">
+                {{ $t("hj44") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2">
+               ¥{{ item.orderFee | _toLocaleString }}
+              </div>
+            </div>
+          </van-col> -->
+         <!-- <van-col span="8">
+            <div style="text-align: center">
+              <div class="sport-content-title2">
+                {{ $t("止損價") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2">
+                {{ item.stopTargetPrice | _toLocaleString }}
+              </div>
+            </div>
+          </van-col>
+          <van-col span="8">
+            <div style="text-align: right">
+              <div class="sport-content-title2">
+                {{ $t("止盈價") }} ({{ activeObj.symbolCode }})
+              </div>
+              <div class="sport-content-text2">
+                {{ item.profitTargetPrice | _toLocaleString }}
+              </div>
+            </div>
+          </van-col> -->
+        <!-- </van-row>
+        <van-row>
+          <van-col span="12">
+            <div style="text-align: left">
               <div class="sport-content-title2">{{ $t("持倉時間") }}</div>
               <div class="sport-content-text2">
-                {{ $moment(item.buyOrderTime).format("YYYY-MM-DD HH:mm:ss") }}
+                {{ $moment(item.buyOrderTime).format("DD-MM-YYYY hh:mm:ss A") }}
               </div>
             </div>
           </van-col>
@@ -116,10 +443,10 @@
               <div class="sport-content-text2">{{ item.buyOrderId }}</div>
             </div>
           </van-col>
-        </van-row>
+        </van-row> -->
 
-        <div class="but-box" v-if="actives === 0">
-          <div class="but" @click="close(item)">{{ $t("平仓") }}</div>
+        <div class="but-box" v-if="actives === 0" @click.stop="close(item)">
+          <div class="but">{{ $t("平仓") }}</div>
           <!-- <div class="but buts">止盈止损</div> -->
         </div>
       </div>
@@ -140,9 +467,10 @@
           </div>
           <div class="hang">
             <div class="left">{{ $t("倉位(股)") }}</div>
-            <div class="right" style="color: rgb(3, 173, 143)">
+            <!-- <div class="right" style="color: rgb(3, 173, 143)">
               {{ closeSell.orderNum }}
-            </div>
+            </div> -->
+            <input class="input_box" type="number" :max="closeSell.orderNum" :placeholder="$t('hj262')"  v-model="ordernum" />
           </div>
           <div class="hang">
             <div class="left">{{ $t("類型") }}</div>
@@ -166,16 +494,23 @@
       default: {},
     },
   },
+  mounted() {
+    this.getList();
+  },
   data() {
     return {
       pageNum: 1,
-      pageSize: 15,
+      pageSize: 150,
       loading: true,
+      typeindex:0,
       finished: false,
       closeSell: {},
       show: false,
       actives: 0,
+      ordernum:'',
       dataList: [],
+      newdataList:[],
+      timer: null,
       tabsList: [
         {
           title: this.$t("持倉"),
@@ -189,28 +524,64 @@
       ],
     };
   },
+  created(){
+   this.dsq()
+  },
+  beforeDestroy() {
+    clearInterval(this.timer); // 在组件销毁前清除定时器
+  },
   methods: {
+    dsq(){
+      // this.dataList = [];
+      this.timer = setInterval(() => {
+        this.getList();
+      }, 1000);
+    },
+    pushRouter(item) {
+      const obj = {
+        pid: item.stockCode || "",
+        type: item.stockGid || "",
+      };
+      window.localStorage.setItem("kLine", JSON.stringify(obj));
+      // return;
+      var codes = item.stockCode;
+      var names = item.stockName;
+
+      this.$router.push({
+        path: "/kline",
+        query: {
+          name: names,
+          code: codes,
+          if_us: "",
+          if_zhishu: 0,
+          sok: "",
+          type: item.stockGid,
+        },
+      });
+    },
     onLoad() {
-      this.pageNum++;
+      // this.pageNum++;
       this.loading = true;
-      this.getList();
     },
     async confirm() {
+      this.$refs.closeDialog.show = false;
       const res = await sell({
         positionSn: this.closeSell.positionSn,
+        number:this.ordernum
       });
       if (res.status === 0) {
-        this.$refs.closeDialog.show = false;
         this.dataList = [];
         this.pageNum = 1;
         this.finished = false;
+        Notify({ type: "success", message: res.msg });
         this.getList();
+        this.$emit("closingPosition");
       } else {
         Notify({ type: "danger", message: res.msg });
       }
     },
-    async getList(laber) {
-      console.log(laber);
+    // 获取仓位列表
+    async getLists(laber) {
       if (laber) {
         this.dataList = [];
         this.pageNum = 1;
@@ -219,19 +590,38 @@
       const res = await getchicang({
         state: this.actives,
         stockType: laber || this.activeObj.laber,
-        pageNum: this.pageNum,
-        pageSize: this.pageSize,
+        pageNum: 1,
+        pageSize: 30,
       });
-      if (res.data.total <= this.dataList.length) {
-        this.finished = true;
-      }
+
       this.loading = false;
       if (res.status === 0) {
-        if (this.pageNum !== 1) {
-          this.dataList = [...this.dataList, ...res.data.list];
-        } else {
-          this.dataList = res.data.list;
-        }
+        this.newdataList = res.data.list;
+        this.finished = true;
+      } else {
+        this.loading = false;
+        this.finished = true;
+      }
+    },
+    // 获取仓位列表
+    async getList(laber) {
+      if (laber) {
+        this.dataList = [];
+        this.pageNum = 1;
+        this.finished = false;
+      }
+      const res = await getchicang({
+        state: this.actives,
+        stockType: laber || this.activeObj.laber,
+        pageNum: 1,
+        pageSize: 30,
+      });
+
+      this.loading = false;
+      if (res.status === 0) {
+        this.dataList = []
+        this.dataList = res.data.list;
+        this.finished = true;
       } else {
         this.loading = false;
         this.finished = true;
@@ -240,19 +630,76 @@
     close(item) {
       this.closeSell = item;
       this.$refs.closeDialog.show = true;
+      this.ordernum = ''
     },
-    clickTabs(e) {
-      this.dataList = [];
+
+    clickTabs(e,i) {
+      this.typeindex = i;
       this.pageNum = 1;
       this.finished = false;
       this.actives = e.key;
-      this.getList();
+      this.newdataList = []
+      this.dataList = []
+
+      if(e.key==1){
+        clearInterval(this.timer); // 在组件销毁前清除定时器
+        // clearTimeout(this.timer);
+        // setTimeout(()=>{
+        //   clearInterval(this.timer); // 在组件销毁前清除定时器
+        // },3000)
+        this.getLists()
+        // this.startPolling();
+        // this.dsq()
+      }else{
+        clearInterval(this.timer); // 在组件销毁前清除定时器
+        this.dsq()
+      }
+      this.$forceUpdate(); // 强制Vue重新渲染
+
+      // this.getList()
+      // if(e.key !=this.actives){
+
+
+      // }else{
+      //   this.actives = e.key;
+      //   this.dsq()
+      // }
     },
   },
 };
 </script>
 
 <style lang="less" scoped>
+  .list_box_txts{
+    padding: 12px 24px;
+    color: #fff;
+    background-color: #185546;
+    border-radius: 4px;
+  }
+  .list{
+    display: flex;
+    padding: 12px 0;
+    height: 60px;
+    align-items: center;
+    margin: 30px 0;
+  }
+  .list_box{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: 15px;
+    width: 25%;
+  }
+  .list_box_txt{
+    padding: 2px 4px;
+    color: #8B8698;
+  }
+  .input_box{
+        text-align: right;
+        font-size: 16px;
+
+            padding: 0 4px;
+  }
 .sport-tabs {
   // font-family: PingFang SC;
   font-family: "DINPro";
@@ -329,10 +776,11 @@
 }
 
 .sport-content-title2 {
+  font-family: Arial, sans-serif;
   font-style: normal;
   font-weight: 400;
-  font-size: 0.29333rem;
-  color: #8c9fad;
+  font-size: 0.346667rem;
+  color: #858093;
   // text-align: left;
 }
 .sport-content-text {
@@ -350,6 +798,7 @@
   // font-family: "PingFang SC";
   font-style: normal;
   // font-weight: 500;
+  font-weight: bold;
   font-size: 0.34667rem;
   color: #14181f;
   word-break: break-word;
@@ -359,19 +808,21 @@
 .but-box {
   display: flex;
   justify-content: space-around;
+  width: 100%;
   .but {
     text-align: center;
 
-    min-width: 2.13333rem;
-    height: 0.69333rem;
-    line-height: 0.69333rem;
-    background: #e6f2ff;
+    // min-width: 2.13333rem;
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    background: #185546;
     border-radius: 0.10667rem;
     list-style: none;
     font-style: normal;
     font-weight: 400;
-    font-size: 0.29333rem;
-    color: #0067ed;
+    font-size: 0.346667rem;
+    color: #fff;
     border: none;
   }
   .buts {

--
Gitblit v1.9.3