9.28更换api

PC-20250623MANY\Administrator

2025-09-29 58b0f1e9bd03a472321acf1dfc4e89fc4ce9df7a

 src/page/kline/index.vue

@@ -5,15 +5,18 @@
        <div class="ti_cont">
          <div class="top_back">
            <div class="left_back" @click="handleBackaa()">
              <img src="../../assets/img/zuojiantou.png" alt />
              <img src="../../assets/img/backs.png" alt />
            </div>
            <div class="right_title">
              <div class="t_t" style="white-space: nowrap">
              <div class="t_t line-one" style="white-space: nowrap">
                <span>{{ singDetails.name }}</span>
              </div>
              <!-- <div class="t_t" style="white-space: nowrap">
                <span>{{ singDetails.name }}({{ singDetails.gid }})</span>
              </div>
              <div class="b_t">
                <span>{{ singDetails.spell }}</span>
              </div>
              </div> -->
            </div>
          </div>
          <!-- 隐藏右侧金额显示 -->
@@ -73,6 +76,13 @@
              </div>
            </div>
          </div> -->
        </div>
        <div class="flex-start" style="font-size: .4rem;">
          <span class="i_icon">{{ bayType }}</span>
          <span class="i_hint" style="color:#777">{{ singDetails.spell }}</span>
        </div>
        <div class="detail_title_a">
          {{ singDetails.name }}({{ singDetails.gid }})
        </div>
        <div class="real_time_detail">
          <div class="left_now_price">
@@ -423,9 +433,9 @@
          />
          <img src="../../assets/img/shoucangle.png" alt v-else />
        </div>
        <div class="right_xx" @click="handleJj()">
        <!-- <div class="right_xx" @click="handleJj()">
          <a href="#"><img src="../../assets/img/xiaoxi.png" alt/></a>
        </div>
        </div> -->
      </div>
      <div class="rights">
        <div class="buy_btn">
@@ -479,17 +489,24 @@
  },

  created() {
    // 进入页面的时候清除所以得计时器,防止页面切换的时候出现多个定时器
    let end = setTimeout(function() {}, 0);
    for (let i = 0; i <= end; i++) {
      clearTimeout(i);
      clearInterval(i);
    }
    
    const { query } = this.$route;
    this.kLineDetails = query;
    if (query.if_us === "1") {
      this.getSingDetailUs();
    } else {
      this.getSingDetails();
      this.timer = setInterval(() => {
        this.getSingDetails();
      }, 2000);
    }
    this.getOpation();
    // this.$Lazyload();
    this.getUserInfo();
    this.getNohknews();
  },
@@ -674,7 +691,7 @@
          m: this.singDetails.nowPrice,
          type: this.kLineDetails.if_zhishu,
          id: this.singDetails.id,
          name: this.kLineDetails.name,
          name: this.singDetails.name,
          spell: this.singDetails.spell,
          if_us: this.kLineDetails.if_us,
          bayType: this.bayType,
@@ -859,10 +876,26 @@
  width: 100%;
  // height: 3.2rem;
  padding: 0 0.3rem;
  background: #fff;
  // background: #fff;

  .detail_title_a {
    font-size: 0.45rem;
    font-weight: 500;
    margin-top: 0.2rem;
    line-height: 0.45rem;
  }

  .i_icon {
    border-radius: 0 26em 26em 0;
    background: #07c160;
    color: #fff;
    padding: 0.1em 0.5em 0.1em 0.4em;
    margin-right: 0.3em;
    font-size: 0.8em;
  }

  .top_back {
    width: 50%;
    width: 90%;
    height: 1.2rem;
    display: flex;
    align-items: center;
@@ -872,22 +905,26 @@
      height: 80%;
      display: flex;
      align-items: center;
      margin-right: 10vw;

      > img {
        margin-top: 0.2rem;
        // margin-top: 0.2rem;
        width: 0.6rem;
        height: 0.6rem;
      }
    }

    .right_title {
      width: 3rem;
      height: 80%;
      width: 70%;
      // height: 80%;
      display: flex;
      align-items: center;
      justify-content: center;

      .t_t {
        width: 100%;
        height: 70%;
        display: flex;
        height: 100%;
        line-height: 1.2rem;
        align-items: center;
        font-size: 0.4615rem;

@@ -910,7 +947,7 @@

.k_line_detail {
  width: 100%;
  height: calc(100vh - 300px);
  height: 100vw;
  background: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
@@ -935,6 +972,7 @@
      display: flex;
      align-items: center;
      font-weight: bold;

      span {
        font-weight: 500;
      }
@@ -970,6 +1008,7 @@
        justify-content: space-between;
        align-items: center;
        padding: 0 0.1rem;

        .titles {
          padding-right: 0.1rem;
        }
@@ -1123,7 +1162,7 @@
  height: 1.7rem;
  position: fixed;
  bottom: 0;
  background: #fff;
  background: #191d27;
  display: flex;
  align-items: center;
  justify-content: center;
@@ -1133,6 +1172,7 @@
    height: 70%;
    display: flex;
    align-items: center;
    padding-left: 0.3rem;

    > div {
      width: 50%;
@@ -1149,21 +1189,23 @@
  }

  .rights {
    width: 70%;
    width: 80%;
    height: 70%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    justify-content: center;
    padding-right: 0.2rem;

    > div {
      border-radius: 0.15rem;
    }

    .buy_btn {
      width: 45%;
      height: 100%;
      width: 50%;
      height: 80%;
      background: rgb(225, 59, 69);
      color: #fff;
      border-radius: 3rem 0 0 3rem !important;

      .top_buy {
        width: 100%;
@@ -1186,10 +1228,11 @@
    }

    .sell_btn {
      width: 45%;
      height: 100%;
      background: rgb(68, 155, 84);
      width: 50%;
      height: 80%;
      background: green;
      color: #fff;
      border-radius: 0 3rem 3rem 0 !important;

      .top_sell {
        width: 100%;