From 8588fe30f17d0d28190a279aab8675de0dbf1a5b Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Wed, 16 Jul 2025 18:46:29 +0800
Subject: [PATCH] 个人添加图片
---
src/components/Transform/contract-futrue/index.vue | 63 ++++++++++++++++++++++++-------
1 files changed, 48 insertions(+), 15 deletions(-)
diff --git a/src/components/Transform/contract-futrue/index.vue b/src/components/Transform/contract-futrue/index.vue
index 70c5f7e..aff2d43 100644
--- a/src/components/Transform/contract-futrue/index.vue
+++ b/src/components/Transform/contract-futrue/index.vue
@@ -1,16 +1,20 @@
<template>
<div>
<div class="contact-futrue">
- <div class="font-24 text-grey mb-24">{{ $t('交割时间') }}</div>
- <ul class="flex flex-wrap w-full">
- <li v-for="(item, index) in initFutrue.para" v-if="initFutrue.para" :key="item.uuid"
+ <div class="font-24 text-grey mb-24">{{ $t('兑换时间') }}</div>
+ <ul class="flex flex-wrap w-full" v-if="initFutrue.para?.length" >
+ <!-- v-if="initFutrue.para" -->
+ <!-- initFutrue: {{ initFutrue.para }} -->
+ <li v-for="(item, index) in initFutrue.para" :key="index"
class="h-92 flex items-center mb-22" @click="onSelect(item, index)">
- <p class="w-95 h-full flex justify-center items-center font-22 flex-1"
- :class="active === item.para_id ? 'bg-light-blue text-white' : 'delivery_left_tab_background textColor'">{{ item.time_num +
+ <p class="w-280 h-full flex justify-center items-center font-22 flex-1"
+ :class="active === item.para_id ? 'bg-light-blue text-white' : 'delivery_left_tab_background textColor'"
+ >{{ item.time_num +
item.time_unit.substr(0, 1) }}</p>
- <p class="w-125 h-full flex justify-center items-center font-22 flex-1"
- :class="active === item.para_id ? 'bg-dark-blue text-white' : 'delivery_tab_background textColor'">{{
- item.profit_ratio }}%</p>
+ <!-- <p class="w-140 h-full flex justify-center items-center font-22 flex-1"
+ :class="active === item.para_id ? 'bg-dark-blue text-white' : 'delivery_tab_background textColor'"
+ >{{
+ item.profit_ratio }}%</p> -->
</li>
</ul>
</div>
@@ -18,6 +22,9 @@
</template>
<script>
+import { _futrueOrderInit } from "@/service/trade.api.js";
+import { getStorage } from '@/utils'
+
export default {
name: 'ContractFutrue',
props: {
@@ -31,20 +38,43 @@
data() {
return {
active: '',
+ // initFutrue: {},
+ m_initFutrue: {},
initParam: [] // 初始化参数
}
},
created() {
- if (this.initFutrue.para.length > 0) {
- this.active = this.initFutrue.para[0].para_id || ''
- this.$emit('paraId', { id: this.active, index: 0 })
- }
+ console.log('this.initFutrue', this.initFutrue)
+ // this._initParam();
+ if (this.initFutrue?.para.length > 0) {
+ this.active = this.initFutrue.para[0].para_id || ''
+ this.$emit('paraId', { id: this.active, index: 0 })
+ }
+ },
+ watch: {
+ // '$route.query.symbol'(newVal, oldVal) {
+ // if (newVal !== oldVal) {
+ // this._initParam();
+ // }
+ // }
},
methods: {
onSelect(item, index) { // 选中
this.active = item.para_id
this.$emit('paraId', { id: this.active, index })
- }
+ },
+ _initParam(){ // 初始化参数
+ // if (type === 'futrue' || !type) {
+ // const symbol = getStorage('symbol')
+ _futrueOrderInit('USDSGD').then(data => {
+ // this.m_initFutrue = data
+ if (this.initFutrue.para.length < 0) {
+ this.initFutrue = data
+ }
+ console.log('this.initFutrue', this.initFutrue)
+ })
+ // }
+ },
}
}
</script>
@@ -54,8 +84,7 @@
.bgDark {
-
- background: 242424
+ background: #242424;
}
.bg-light-blue {
@@ -65,4 +94,8 @@
.bg-dark-blue {
background: #1255A3;
}
+
+ul li p{
+ color: #fff;
+}
</style>
--
Gitblit v1.9.3