更新体育

src/views/ty/index.vue

@@ -18,7 +18,7 @@
             <span class="institle">累计服务人数</span>
             <!-- 今日进馆人数 -->
             <div class="insval">
-              <img src="../../assets/wh/td_ins.png" />
+              <img src="../../assets/ty/icon01.png" />
               <div>
                 <span id="insv" class="insv">{{todayNum}}</span>
                 <span class="inst">今日进馆人数</span>
@@ -26,7 +26,7 @@
             </div>
             <!-- 本周进馆人数 -->
             <div class="insval">
-              <img src="../../assets/wh/tm_ins.png" />
+              <img src="../../assets/ty/icon02.png" />
               <div>
                 <span id="insv2" class="insv">{{weekNum}}</span>
                 <span class="inst">本周进馆人数</span>
@@ -34,7 +34,7 @@
             </div>
             <!-- 本月进馆人数 -->
             <div class="insval">
-              <img src="../../assets/wh/tm_ins.png" />
+              <img src="../../assets/ty/icon03.png" />
               <div>
                 <span id="insv2" class="insv">{{monthNum}}</span>
                 <span class="inst">本月进馆人数</span>
@@ -42,7 +42,7 @@
             </div>
             <!-- 本年进馆人数 -->
             <div class="insval">
-              <img src="../../assets/wh/tyear_ins.png" />
+              <img src="../../assets/ty/icon04.png" />
               <div>
                 <span id="insv3" class="insv">{{ yearNum }}</span>
                 <span class="inst">本年进馆人数</span>
@@ -78,13 +78,13 @@
           <div class="pcgrliu">
             <div class="pcg_title">
               各场馆服务人次占比
-              <span @click="rightTab=2" :class="rightTab==2?'current':'no-current'" style="margin-right: 0.21rem;"></span>
+              <span @click="changeRightTab(2)" :class="rightTab==2?'current':'no-current'" style="margin-right: 0.21rem;"></span>
-              <span @click="rightTab=1" :class="rightTab==1?'current':'no-current'" style="margin-right: 0.21rem;"></span>
+              <span @click="changeRightTab(1)" :class="rightTab==1?'current':'no-current'" style="margin-right: 0.21rem;"></span>
             </div>
-            <div class="iframe_box" v-if="rightTab==2">
+            <div class="iframe_box" :class="rightTab==2?'current2':'no-current2'">
               <iframe src="https://www.js365.org.cn/pages/reserve/index " style="width: 100%; height: 6.96rem;transform: scale(0.3333);transform-origin: 0 0;"></iframe>
             </div>
-            <div class="venue_proportion_box" style="width: 100%; height: 2.32rem;margin-top: 0.13rem;" v-if="rightTab==1">
+            <div class="venue_proportion_box" style="width: 100%; height: 2.32rem;margin-top: 0.13rem;" :class="rightTab==1?'current2':'no-current2'">
               <div class="venue_proportion">
                 <div class="venue_proportion_top" style="cursor: pointer;" >
                   <span class="venue_proportion_box_num" style="position: relative;cursor: pointer;">
@@ -256,7 +256,9 @@ export default {
         this.istygShow = false
       }
     },
-
+    changeRightTab(type){
+      this.rightTab = type;
+    },
     ty_bar1() {
       let that = this;
       lineChart1 = echarts.init(this.$refs.dinschart);
@@ -1283,6 +1285,8 @@ export default {
       // width: 634px;
       // height: 290px;
       flex: 1;
+      position: relative;
+      height: 3.21rem;
 
       .venue_proportion_box {
         display: flex;
@@ -1397,6 +1401,14 @@ export default {
         font-size: 0.31rem;
         margin-top: 0.19rem;
       }
+      .current2{
+        opacity: 1;
+        position: absolute;
+      }
+      .no-current2{
+        opacity: 0;
+        position: absolute;
+      }
     }
 
   }