1

PC-20250623MANY\Administrator

2025-08-18 fbe4c23b9a0316937bc63213c910cbb393d6bc65

 src/components/stock-list.vue

@@ -1,9 +1,9 @@
<template>
  <div class="stock_list">
    <van-row class="markets_head">
      <van-col span="12" class="flex-start head_item">{{ $t("Name") }}</van-col>
      <van-col span="14" class="flex-start head_item">{{ $t("Name") }}</van-col>
      <van-col span="4" class="flex-start head_item">{{ $t("Price") }}</van-col>
      <van-col span="8" class="flex-end head_item">{{ $t("Change") }}</van-col>
      <van-col span="6" class="flex-end head_item">{{ $t("Change") }}</van-col>
    </van-row>

    <van-row
@@ -12,7 +12,7 @@
      :key="item.id"
      @click="toDetails(item)"
    >
      <van-col span="12" class="item_n">
      <van-col span="14" class="item_n">
        <div class="flex-start">
          <span class="i_icon">{{ item.stock_type }}</span>
          <span class="i_hint">{{ item.spell }}</span>
@@ -21,17 +21,10 @@
      </van-col>
      <van-col span="4" class="flex-start item_n">{{ item.nowPrice }}</van-col>

      <van-col span="8" class="item_n">
      <van-col span="6" class="item_n flex-end">
        <div
          class="flex-end"
          style="margin-bottom: .15em;"
          :class="{ red: item.hcrate < 0, green: item.hcrate > 0 }"
        >
          {{ item.hcrate }}
        </div>
        <div
          class="flex-end"
          :class="{ red: item.hcrate < 0, green: item.hcrate > 0 }"
          :class="{ green: item.hcrate < 0, red: item.hcrate > 0 }"
        >
          {{ item.hcrateP }}
        </div>
@@ -96,7 +89,8 @@
      default: false
    }
  },
  watch: {},
  watch: {
  },
  mounted() {
    this.init();
    this.initWebSocket();
@@ -219,9 +213,9 @@
    position: relative;

    .item_n {
      font-size: 0.4em;
      font-size: 0.3em;
      min-height: 2em;
      font-weight: 500;
      font-weight: 300;

      .i_icon {
        border-radius: 0 26em 26em 0;