0510航天交易所ui仿制,代码使用的jiem
lxf
2025-07-16 fcb00a66b4053550b473a29d7299c7a4737eea75
src/components/perpetual-position-list/index.vue
@@ -28,8 +28,9 @@
                >{{ item.name }} {{ $t("永续") }}</span
              >
              <span class="text-grey font-28 font-400 ml-17 mr-17"
                >{{ $t("全仓") }} {{ item.lever_rate }}x</span
              >
                >{{ $t("全仓") }}
                <!-- {{ item.lever_rate }}x -->
              </span>
            </div>
            <img
              v-if="item.direction == 'buy'"
@@ -82,9 +83,7 @@
        <div class="flex-1 text-left">
          <div class="text-grey">{{ $t("持仓数量") }}</div>
          <div class="mt-20" :class="[isStyle ? 'textColor1 ' : 'textColor']">
            {{ item.volume / (item.lever_rate ? item.lever_rate : 1) }}*{{
              item.lever_rate ? item.lever_rate : 1
            }}x
            {{ item.amount }}
          </div>
        </div>
        <div class="flex-1 text-left">
@@ -93,13 +92,27 @@
            {{ item.deposit }}
          </div>
        </div>
        <div class="flex-2 flex flex-col text-center justify-end">
        <!-- <div class="flex-2 flex flex-col text-center justify-end">
          <div
            class="font-25 border-light-blue detail-btn colorMain"
            @click.stop="clickzyzs(item)"
            style="padding: 4px 8px"
          >
            {{ $t("止盈") }}{{ $t("止损") }}
          </div>
        </div> -->
      </div>
      <div class="flex pt-44 pb-32">
        <div class="flex-1 text-left">
          <div class="text-grey">{{ $t("杠杆") }}</div>
          <div class="mt-20" :class="[isStyle ? 'textColor1 ' : 'textColor']">
            {{ item.lever_rate }}
          </div>
        </div>
        <div class="flex-1 text-left">
          <div class="text-grey">{{ $t("手续费") }}</div>
          <div class="mt-20" :class="[isStyle ? 'textColor1 ' : 'textColor']">
            {{ item.fee }}
          </div>
        </div>
      </div>
@@ -111,9 +124,9 @@
          </div>
        </div>
        <div class="flex-1 flex flex-col text-left">
          <div class="text-grey">{{ $t("强平价格") }}</div>
          <div class="text-grey">{{ $t("开仓时间") }}</div>
          <div class="mt-20" :class="[isStyle ? 'textColor1 ' : 'textColor']">
            {{ item.qiangPing }}
            {{ item.create_time }}
          </div>
        </div>
        <!-- <div class="flex-1">