股票线上演示版本

jhzh

2024-12-05 bf3496c58aeb91a3948712b7b9085f1c4d6bb570

 src/page/kline/index.vue

@@ -9,7 +9,7 @@
            </div>
            <div class="right_title">
              <div class="t_t" style="white-space: nowrap">
                <span>{{ singDetails.name }}</span>
                <span>{{ singDetails.name }}({{ singDetails.gid }})</span>
              </div>
              <div class="b_t">
                <span>{{ singDetails.spell }}</span>
@@ -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 | _toString }}</span
                >₹{{ singDetails.nowPrice  }}</span
              >
            </div>
            <div class="bottom_now">
@@ -92,8 +92,8 @@
                    ? '+' : ''
                }}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span> -->
                <span v-else>
                  {{
                    (singDetails.nowPrice - singDetails.preclose_px) | _toString
                  ₹{{
                    (singDetails.nowPrice - singDetails.preclose_px).toFixed(2)
                  }}</span
                >
              </div>
@@ -121,7 +121,7 @@
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >{{ singDetails.open_px | _toString }}</span
                  >₹{{ singDetails.open_px   }}</span
                >
              </div>
              <div class="rights topes">
@@ -133,7 +133,7 @@
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >{{ singDetails.today_max | _toString }}</span
                  >₹{{ singDetails.today_max   }}</span
                >
              </div>
            </div>
@@ -147,10 +147,10 @@
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >{{ singDetails.preclose_px | _toString }}</span
                  >₹{{ singDetails.preclose_px   }}</span
                >
              </div>
              <div class="rights bots">
               <div class="rights bots">
                <span class="titles">{{ $t("hj75") }}</span>
                <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
                    singDetails.today_min
@@ -159,7 +159,7 @@
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >{{ singDetails.today_min | _toString }}</span
                  >₹{{ singDetails.today_min  }}</span
                >
              </div>
            </div>
@@ -167,7 +167,7 @@
        </div>
      </div>
      <div class="k_line_detail">
        <Kline :type="singDetails.type" />
        <Kline :key="key" :type="singDetails.type" />
      </div>
      <div
        class="priect_top_bottom"
@@ -433,7 +433,7 @@
            <span>{{ $t("hj84") }}</span>
          </div>
          <div class="bottom_buy">
            <span>{{ singDetails.nowPrice | _toString }}</span>
            <span>₹{{ singDetails.nowPrice  }}</span>
          </div>
        </div>
        <div class="sell_btn" @click="goBuy(1)">
@@ -441,7 +441,7 @@
            <span>{{ $t("hj85") }}</span>
          </div>
          <div class="bottom_sell">
            <span>{{ singDetails.nowPrice | _toString }}</span>
            <span>₹{{ singDetails.nowPrice  }}</span>
          </div>
        </div>
      </div>
@@ -471,6 +471,7 @@
      newsdetailList: [],
      bayType: "",
      timer: null,
      key:0,
    };
  },
  components: {
@@ -485,7 +486,7 @@
    } else {
      this.timer = setInterval(() => {
        this.getSingDetails();
      }, 500);
      }, 5000);
    }
    this.getOpation();
    // this.$Lazyload();
@@ -677,6 +678,7 @@
          spell: this.singDetails.spell,
          if_us: this.kLineDetails.if_us,
          bayType: this.bayType,
          gid: this.singDetails.gid,
        },
      });
      if (navigator.vibrate) {
@@ -929,10 +931,10 @@
    .top_now {
      width: 100%;
      // height: 65%;
      font-size: 0.741rem;
      font-size: 25px;
      display: flex;
      align-items: center;

      font-weight: bold;
      span {
        font-weight: 500;
      }
@@ -952,7 +954,7 @@
  }

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

    > div {