个人添加图片

lxf

2025-07-16 8588fe30f17d0d28190a279aab8675de0dbf1a5b

 src/components/Transform/deliveryContract/position.vue

@@ -5,7 +5,7 @@
        <div class="position-tag ">
          <div class="position-tag-style" :class="item.direction === 'buy' ? 'green' : 'red'">
            {{ item.direction === 'buy' ? $t('开多') : $t('开空') }}</div>
          <div class="position-tag-title textColor">{{ item.name }} {{ $t('交割') }}</div>
          <div class="position-tag-title textColor">{{ item.name }} {{ $t('兑换') }}</div>
          <div class="position-tag-title2">{{ $t('全仓') }}</div>
          <img class="position-tag-img" src="@/assets/image/deliveryContract/Group1042.png" />
        </div>
@@ -19,7 +19,7 @@
            {{ item.direction === 'buy' ? $t('开多') : $t('开空') }}</span>
        </div>
        <div class="position-div1">
          <span class="position-text1">{{ $t('交割时间') }}</span>
          <span class="position-text1">{{ $t('兑换时间') }}</span>
          <span class="position-text2 textColor">{{ item.time_num + item.time_unit }}</span>
        </div>
        <div class="position-div1">
@@ -31,26 +31,28 @@
          <span class="position-text2 textColor">{{ item.close_price }}</span>
        </div>
        <div class="position-div1">
          <span class="position-text1">{{ $t('盈亏') }}</span>
          <span class="position-text1">{{ $t('服务费') }}</span>
          <span class="position-text2" :class="item.profit > 0 ? 'color-green' : 'color-red'">
            {{ item.profit > 0 ? '+' + item.profit : item.profit }}
          </span>
        </div>
        <div class="position-div1">
          <span class="position-text1">{{ $t('到期时间') }}</span>
          <span class="position-text2 textColor"> {{ dayjs(item.close_time * 1000).format('YYYY-MM-DD HH:mm:ss') }}</span>
          <span class="position-text2 textColor"> {{ dayjs(item.close_time * 1000).format('YYYY-MM-DD HH:mm:ss')
            }}</span>
        </div>
        <div class="position-div1">
          <span class="position-text1">{{ $t('操作') }}</span>
          <span class="position-text2 colorMain" @click="onDetail(item)">{{ $t('详情') }}</span>
        </div>
        <div style="margin-top: 33px;width: 100%;height: 1px;float: left;" class="bgDark"></div>
        <div style="margin-top: 33px;width: 100%;height: 1px;float: left;background-color: #e5e7ed;" class="bgDark">
        </div>
      </div>

    </div>
    <van-popup v-model:show="show">
      <popup-delivery showBtns :detailData="detailData" :key="detailData.order_no" @close="show = false" :disabled="true"
        :price="price" />
      <popup-delivery showBtns :detailData="detailData" :key="detailData.order_no" @close="show = false"
        :disabled="true" :price="price" />
    </van-popup>
  </div>
</template>
@@ -97,7 +99,7 @@
  }
}
</script>
<style lang="scss" scoped >
<style lang="scss" scoped>
@import "@/assets/init.scss";

#cryptos {
@@ -146,7 +148,7 @@
          font-style: normal;
          font-weight: 400;
          font-size: 26.4981px;
          color: $text_color;
          color: #fff;
        }

        .position-tag-title {