From 48fbf705ee51a803081bfd09e7ff173d8475cdc9 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期三, 24 七月 2024 09:53:55 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/TCM_CharacterLibrary

---
 src/pages/character/detail.vue |   54 +++++++++++++-----------------------------------------
 1 files changed, 13 insertions(+), 41 deletions(-)

diff --git a/src/pages/character/detail.vue b/src/pages/character/detail.vue
index 7b1881c..1ba522f 100644
--- a/src/pages/character/detail.vue
+++ b/src/pages/character/detail.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="relative">
-    <headNav :idIndex="1 + ''" text="涓尰浜虹墿鏁版嵁搴�" />
+    <headNav :idIndex="1 + ''" text="鍘嗕唬浜虹墿" />
     <view class="Midde flex">
       <el-button class="MiddeBack flex flex-center" @click="goBack"
         >杩斿洖</el-button
@@ -239,7 +239,7 @@
             class="box-card"
             style="min-height: 1.91rem; margin: 0.2rem 0"
           >
-            <el-tabs ref="tabs" v-model="activeName" @tab-click="handleClick">
+            <el-tabs ref="tabs" v-model="activeName">
               <el-tab-pane label="浠h〃钁椾綔" data-id="1" name="representative">
                 <Table1
                   :data="tableData1"
@@ -534,13 +534,13 @@
     // 鑾峰彇鏃剁┖鍦板浘
     this.getMapInfo();
 
-    this.$nextTick(() => {
-      // 鑾峰彇绗竴涓�夐」鍗$殑 DOM 鍏冪礌
-      const firstTab = this.$refs.tabs.$el.querySelector(
-        ".el-tabs__active-bar"
-      );
-      firstTab.style.transform = "translateX(" + "-.2rem" + ")";
-    });
+    // this.$nextTick(() => {
+    //   // 鑾峰彇绗竴涓�夐」鍗$殑 DOM 鍏冪礌
+    //   const firstTab = this.$refs.tabs.$el.querySelector(
+    //     ".el-tabs__active-bar"
+    //   );
+    //   firstTab.style.transform = "translateX(" + "-.2rem" + ")";
+    // });
 
     // 鐩戝惉绐楀彛澶у皬鍙樺寲
     window.addEventListener("resize", this.relation);
@@ -992,30 +992,6 @@
         .join("&");
       window.open(`#/pages/fileDetail/index?${queryString}`);
     },
-    handleClick(tab) {
-      let index = tab.$attrs["data-id"] - 1;
-      this.$nextTick(() => {
-        let firstTab = this.$refs.tabs.$el.querySelector(
-          ".el-tabs__active-bar"
-        );
-        if (index == 0) {
-          firstTab.style.transform = "translateX(-" + 0.2 + "rem)";
-        } else if (index == 1) {
-          firstTab.style.transform = "translateX(" + 0.85 * index + "rem)";
-        } else if (index == 2) {
-          firstTab.style.transform = "translateX(" + 0.93 * index + "rem)";
-        } else if (index == 3) {
-          firstTab.style.transform = "translateX(" + 0.95 * index + "rem)";
-        } else if (index == 4) {
-          firstTab.style.transform = "translateX(" + 0.97 * index + "rem)";
-        } else {
-          let firstTab = this.$refs.tabs.$el.querySelector(
-            ".el-tabs__active-bar"
-          );
-          firstTab.style.transform = "translateX(" + "-.2" + "rem)";
-        }
-      });
-    },
     // 鍏崇郴鍥捐氨
     relation() {
       var chartDom = document.getElementById("relation");
@@ -1367,9 +1343,7 @@
   width: 70%;
 }
 
-::v-deep .el-tabs__content {
-  line-height: 1;
-}
+
 
 /* 涓汉灏忎紶 ------------------*/
 ::v-deep .el-dialog__header {
@@ -1496,10 +1470,12 @@
 }
 
 ::v-deep .el-tabs__item {
-  width: 1rem;
+  width: 1.4rem;
   font-size: 0.14rem;
   line-height: 0.4rem;
   height: 0.4rem;
+  padding: 0 20px !important;
+  text-align: center;
 }
 
 ::v-deep .el-tabs__header {
@@ -1507,12 +1483,8 @@
 }
 
 ::v-deep .el-tabs__active-bar {
-  /* 璁剧疆婊氬姩鏉″搴� */
-  width: 1rem !important;
   height: 0.03rem !important;
   background-color: #597aa5;
-  transform: translateX(-20px);
-  /* margin-top: .09rem; */
 }
 
 ::v-deep .el-tabs__active-bar {

--
Gitblit v1.9.1