退出line路由定时器停掉

dcc

2024-07-17 f9f136972efce01e7ac5a82e2a3abf343d1ce5a7

 src/page/kline/index.vue

@@ -9,10 +9,10 @@
            </div>
            <div class="right_title">
              <div class="t_t" style="white-space: nowrap">
                <span>{{ singDetails.spell }}</span>
                <span>{{ singDetails.name }}({{ singDetails.gid }})</span>
              </div>
              <div class="b_t">
                <span>{{ singDetails.code }}</span>
                <span>{{ singDetails.spell }}</span>
              </div>
            </div>
          </div>
@@ -63,7 +63,7 @@
                  </span>
                </div>
                <div class="sanjiao">
                 

                </div>
              </div>
              <div class="bottom_balance">
@@ -82,7 +82,7 @@
              }}</span> -->
              <span
                :class="singDetails.hcrate > 0 ? 'price green' : 'price red'"
                >{{ singDetails.nowPrice }}</span
                >₹{{ singDetails.nowPrice  }}</span
              >
            </div>
            <div class="bottom_now">
@@ -92,10 +92,8 @@
                    ? '+' : ''
                }}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span> -->
                <span v-else>
                  {{
                    (singDetails.nowPrice - singDetails.preclose_px).toFixed(
                      2
                    ) || 0
                  ₹{{
                    (singDetails.nowPrice - singDetails.preclose_px).toFixed(2)
                  }}</span
                >
              </div>
@@ -106,9 +104,8 @@
                <span v-if="singDetails.nowPrice === 0">-</span>
                <!-- <span v-else>({{ singDetails.nowPrice - singDetails.preclose_px > 0 ? '+' : '' }}
                  {{ singDetails.hcrate ? singDetails.hcrate : '0' }}%)</span> -->
                <span v-else
                  >({{ singDetails.hcrate > 0 ? "+" : "" }}
                  {{ singDetails.hcrate ? singDetails.hcrate : "0" }}%)</span
                <span v-else>
                  ({{ singDetails.hcrate ? singDetails.hcrate : "0" }}%)</span
                >
              </div>
            </div>
@@ -124,7 +121,7 @@
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >{{ singDetails.open_px }}</span
                  >₹{{ singDetails.open_px   }}</span
                >
              </div>
              <div class="rights topes">
@@ -136,7 +133,7 @@
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >{{ singDetails.today_max }}</span
                  >₹{{ singDetails.today_max   }}</span
                >
              </div>
            </div>
@@ -150,7 +147,7 @@
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >{{ singDetails.preclose_px }}</span
                  >₹{{ singDetails.preclose_px   }}</span
                >
              </div>
              <div class="rights bots">
@@ -162,7 +159,7 @@
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >{{ singDetails.today_min }}</span
                  >₹{{ singDetails.today_min  }}</span
                >
              </div>
            </div>
@@ -336,7 +333,7 @@
          </div>
        </div>
      </div>
      <div
      <!-- <div
        class="jianjie"
        v-if="
          !(kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1)
@@ -351,8 +348,8 @@
        <div class="jet">
          <span>{{ jianjie }}</span>
        </div>
      </div>
      <div
      </div> -->
      <!-- <div
        class="hknews"
        v-if="
          kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1
@@ -385,8 +382,8 @@
            </mt-tab-container-item>
          </mt-tab-container>
        </div>
      </div>
      <div class="hknews" v-else>
      </div> -->
      <!-- <div class="hknews" v-else>
        <div class="news-tab">
          <div class="t_title">
            <span>{{ $t("hj6") }}</span>
@@ -413,7 +410,7 @@
            </mt-tab-container-item>
          </mt-tab-container>
        </div>
      </div>
      </div> -->
      <!-- <div class="border_bottom"></div> -->
    </div>
    <div class="btns">
@@ -436,7 +433,7 @@
            <span>{{ $t("hj84") }}</span>
          </div>
          <div class="bottom_buy">
            <span>{{ singDetails.nowPrice }}</span>
            <span>₹{{ singDetails.nowPrice  }}</span>
          </div>
        </div>
        <div class="sell_btn" @click="goBuy(1)">
@@ -444,7 +441,7 @@
            <span>{{ $t("hj85") }}</span>
          </div>
          <div class="bottom_sell">
            <span>{{ singDetails.nowPrice }}</span>
            <span>₹{{ singDetails.nowPrice  }}</span>
          </div>
        </div>
      </div>
@@ -496,7 +493,7 @@
    this.getNohknews();
  },
  beforeDestroy() {
    this.clearInterval(this.timer); // 在组件销毁前清除定时器
    clearInterval(this.timer); // 在组件销毁前清除定时器
  },
  // beforeDestroy() {
  //   this.Klinetype = false;
@@ -677,8 +674,10 @@
          type: this.kLineDetails.if_zhishu,
          id: this.singDetails.id,
          name: this.kLineDetails.name,
          spell: this.singDetails.spell,
          if_us: this.kLineDetails.if_us,
          bayType: this.bayType,
          gid: this.singDetails.gid,
        },
      });
      if (navigator.vibrate) {
@@ -910,7 +909,7 @@

.k_line_detail {
  width: 100%;
  height: 8.3rem;
  height: calc(100vh - 300px);
  background: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
@@ -954,7 +953,7 @@
  }

  .right_ets {
    max-width: 60%;
    max-width: 70%;
    height: 100%;

    > div {