From 421087f05bbcee88211f2b95afd4843da521998b Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Tue, 22 Jul 2025 16:02:58 +0800
Subject: [PATCH] 1
---
src/page/kline/index.vue | 203 ++++++++++++++++++++++++++++++++++----------------
1 files changed, 136 insertions(+), 67 deletions(-)
diff --git a/src/page/kline/index.vue b/src/page/kline/index.vue
index f19d881..f8ed82c 100644
--- a/src/page/kline/index.vue
+++ b/src/page/kline/index.vue
@@ -9,10 +9,10 @@
</div>
<div class="right_title">
<div class="t_t" style="white-space: nowrap">
- <span>{{ singDetails.spell }}</span>
+ <span>{{ singDetails.name }}({{ singDetails.gid }})</span>
</div>
<div class="b_t">
- <span>{{ singDetails.code }}</span>
+ <span>{{ singDetails.spell }}</span>
</div>
</div>
</div>
@@ -25,7 +25,7 @@
</div>
<div class="right">
<span v-if="$store.state.userInfo.userAmt == undefined"
- >₹0.00</span
+ >¥0.00</span
>
<span
v-if="
@@ -44,7 +44,7 @@
(
Number($store.state.userInfo.userIndexAmt) / 0.9
).toFixed(2)
- : "₹" + $store.state.userInfo.userIndexAmt
+ : "¥" + $store.state.userInfo.userIndexAmt
}}
</span>
<span
@@ -55,7 +55,7 @@
style="white-space: nowarp"
>
{{
- "₹ " +
+ "¥ " +
parseFloat(
$store.state.userInfo.enableAmt.toFixed(2)
).toLocaleString()
@@ -63,7 +63,7 @@
</span>
</div>
<div class="sanjiao">
-
+
</div>
</div>
<div class="bottom_balance">
@@ -74,28 +74,99 @@
</div>
</div> -->
</div>
+ <div class="real_time_detail" style="border-bottom: 1px solid #dadada;">
+ <div style="display: flex;justify-content: center;align-items: center;">
+ <img style="width: 40px;border-radius: 50px;" src="../../assets/img/nologo.svg"/>
+ <div class="left_now_price" style="margin-left: 10px;">
+ <div class="top_now">
+ <!-- <span :class="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'price green' : 'price red'">{{
+ singDetails.nowPrice
+ }}</span> -->
+ <span style="color: #0FAD60;font-size: 12px;"
+ :class="singDetails.hcrate > 0 ? 'price green' : 'price red'"
+ >{{ singDetails.name }}</span
+ >
+ </div>
+ <div class="bottom_now" style="margin-top: 5px;font-weight: bold;">
+ <div>
+ <span v-if="singDetails.nowPrice === 0">-</span>
+ <!-- <span v-else>{{ singDetails.nowPrice - singDetails.preclose_px > 0
+ ? '+' : ''
+ }}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span> -->
+ <span :class="singDetails.hcrate > 0 ? 'number green' : 'number red'" v-else>
+ {{ singDetails.spell }}</span
+ >
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="right_ets">
+ <div class="tops">
+ <div class="lefts topes">
+ <span class="titles">{{ $t("hj40") }}</span>
+ <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
+ singDetails.open_px
+ }}</span> -->
+ <!-- <span style="font-weight: bold;"
+
+ >{{ singDetails.nowPrice }}</span
+ > -->
+ </div>
+ <div class="rights topes">
+ <!-- <span class="titles">{{ $t("hj73") }}</span> -->
+ <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
+ singDetails.today_max
+ }}</span> -->
+ <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'"
+ style="font-weight: bold;"
+ >还米有</span
+ >
+ </div>
+ </div>
+ <div class="bottoms">
+ <div class="lefts bots">
+ <!-- <span class="titles">{{ $t("hj74") }}</span> -->
+ <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
+ singDetails.preclose_px
+ }}</span> -->
+ <span
+ style="font-weight: bold;font-size: 18px;"
+ >{{ singDetails.preclose_px }}</span
+ >
+ </div>
+ <div class="rights bots">
+ <!-- <span class="titles">{{ $t("hj75") }}</span> -->
+ <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
+ singDetails.today_min
+ }}</span> -->
+ <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'"
+ style="font-weight: bold;"
+ >{{ singDetails.hcrate ? singDetails.hcrate : "0" }}%</span
+ >
+ </div>
+ </div>
+ </div>
+ </div>
<div class="real_time_detail">
<div class="left_now_price">
<div class="top_now">
<!-- <span :class="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'price green' : 'price red'">{{
singDetails.nowPrice
}}</span> -->
- <span
+ <span style="color: #0FAD60;"
:class="singDetails.hcrate > 0 ? 'price green' : 'price red'"
- >{{ singDetails.nowPrice }}</span
+ >{{ singDetails.nowPrice }}</span
>
</div>
- <div class="bottom_now">
+ <div class="bottom_now" style="margin-top: 5px;font-weight: bold;">
<div>
<span v-if="singDetails.nowPrice === 0">-</span>
<!-- <span v-else>{{ singDetails.nowPrice - singDetails.preclose_px > 0
? '+' : ''
}}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span> -->
- <span v-else>
+ <span :class="singDetails.hcrate > 0 ? 'number green' : 'number red'" v-else>
{{
- (singDetails.nowPrice - singDetails.preclose_px).toFixed(
- 2
- ) || 0
+ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2)
}}</span
>
</div>
@@ -106,9 +177,8 @@
<span v-if="singDetails.nowPrice === 0">-</span>
<!-- <span v-else>({{ singDetails.nowPrice - singDetails.preclose_px > 0 ? '+' : '' }}
{{ singDetails.hcrate ? singDetails.hcrate : '0' }}%)</span> -->
- <span v-else
- >({{ singDetails.hcrate > 0 ? "+" : "" }}
- {{ singDetails.hcrate ? singDetails.hcrate : "0" }}%)</span
+ <span v-else>
+ ({{ singDetails.hcrate ? singDetails.hcrate : "0" }}%)</span
>
</div>
</div>
@@ -120,11 +190,9 @@
<!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
singDetails.open_px
}}</span> -->
- <span
- :class="
- singDetails.hcrate > 0 ? 'number green' : 'number red'
- "
- >{{ singDetails.open_px }}</span
+ <span style="font-weight: bold;"
+
+ >{{ singDetails.open_px }}</span
>
</div>
<div class="rights topes">
@@ -133,10 +201,8 @@
singDetails.today_max
}}</span> -->
<span
- :class="
- singDetails.hcrate > 0 ? 'number green' : 'number red'
- "
- >{{ singDetails.today_max }}</span
+ style="font-weight: bold;"
+ >{{ singDetails.today_max }}</span
>
</div>
</div>
@@ -147,22 +213,18 @@
singDetails.preclose_px
}}</span> -->
<span
- :class="
- singDetails.hcrate > 0 ? 'number green' : 'number red'
- "
- >{{ singDetails.preclose_px }}</span
+ style="font-weight: bold;"
+ >{{ 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
}}</span> -->
<span
- :class="
- singDetails.hcrate > 0 ? 'number green' : 'number red'
- "
- >{{ singDetails.today_min }}</span
+ style="font-weight: bold;"
+ >{{ singDetails.today_min }}</span
>
</div>
</div>
@@ -170,7 +232,7 @@
</div>
</div>
<div class="k_line_detail">
- <Kline :type="singDetails.type" />
+ <Kline :key="key" :type="singDetails.type" />
</div>
<div
class="priect_top_bottom"
@@ -336,7 +398,7 @@
</div>
</div>
</div>
- <div
+ <!-- <div
class="jianjie"
v-if="
!(kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1)
@@ -351,8 +413,8 @@
<div class="jet">
<span>{{ jianjie }}</span>
</div>
- </div>
- <div
+ </div> -->
+ <!-- <div
class="hknews"
v-if="
kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1
@@ -385,8 +447,8 @@
</mt-tab-container-item>
</mt-tab-container>
</div>
- </div>
- <div class="hknews" v-else>
+ </div> -->
+ <!-- <div class="hknews" v-else>
<div class="news-tab">
<div class="t_title">
<span>{{ $t("hj6") }}</span>
@@ -413,11 +475,11 @@
</mt-tab-container-item>
</mt-tab-container>
</div>
- </div>
+ </div> -->
<!-- <div class="border_bottom"></div> -->
</div>
<div class="btns">
- <div class="lefts">
+ <!-- <div class="lefts">
<div class="left_ca" @click="option()">
<img
src="../../assets/img/meishoucang.png"
@@ -429,23 +491,23 @@
<div class="right_xx" @click="handleJj()">
<a href="#"><img src="../../assets/img/xiaoxi.png" alt /></a>
</div>
- </div>
+ </div> -->
<div class="rights">
<div class="buy_btn">
<div class="top_buy" @click="goBuy(0)">
<span>{{ $t("hj84") }}</span>
</div>
- <div class="bottom_buy">
- <span>{{ singDetails.nowPrice }}</span>
- </div>
+ <!-- <div class="bottom_buy">
+ <span>¥{{ singDetails.nowPrice }}</span>
+ </div> -->
</div>
<div class="sell_btn" @click="goBuy(1)">
<div class="top_sell">
<span>{{ $t("hj85") }}</span>
</div>
- <div class="bottom_sell">
- <span>{{ singDetails.nowPrice }}</span>
- </div>
+ <!-- <div class="bottom_sell">
+ <span>¥{{ singDetails.nowPrice }}</span>
+ </div> -->
</div>
</div>
</div>
@@ -474,6 +536,7 @@
newsdetailList: [],
bayType: "",
timer: null,
+ key:0,
};
},
components: {
@@ -488,7 +551,7 @@
} else {
this.timer = setInterval(() => {
this.getSingDetails();
- }, 500);
+ }, 2000);
}
this.getOpation();
// this.$Lazyload();
@@ -677,8 +740,10 @@
type: this.kLineDetails.if_zhishu,
id: this.singDetails.id,
name: this.kLineDetails.name,
+ spell: this.singDetails.spell,
if_us: this.kLineDetails.if_us,
bayType: this.bayType,
+ gid: this.singDetails.gid,
},
});
if (navigator.vibrate) {
@@ -910,7 +975,7 @@
.k_line_detail {
width: 100%;
- height: 8.3rem;
+ height: calc(100vh - 300px);
background: #fff;
border-radius: 0 0 0.3rem 0.3rem;
}
@@ -931,10 +996,10 @@
.top_now {
width: 100%;
// height: 65%;
- font-size: 0.741rem;
+ font-size: 40px;
display: flex;
align-items: center;
-
+ font-weight: bold;
span {
font-weight: 500;
}
@@ -954,7 +1019,7 @@
}
.right_ets {
- max-width: 60%;
+ max-width: 70%;
height: 100%;
> div {
@@ -1149,7 +1214,7 @@
}
.rights {
- width: 70%;
+ width: 100%;
height: 70%;
display: flex;
align-items: center;
@@ -1162,23 +1227,25 @@
.buy_btn {
width: 45%;
height: 100%;
- background: rgb(225, 59, 69);
+ background: #185546;
color: #fff;
-
+ display: flex;
+ justify-content: center;
+ align-items: center;
.top_buy {
width: 100%;
- height: 45%;
+ // height: 45%;
display: flex;
justify-content: center;
- align-items: flex-end;
+ align-items: center;
}
.bottom_buy {
width: 100%;
- height: 55%;
+ // height: 55%;
display: flex;
justify-content: center;
- align-items: flex-start;
+ align-items: center;
font-size: 0.4015rem;
padding: 0.1rem 0 0 0;
}
@@ -1187,23 +1254,25 @@
.sell_btn {
width: 45%;
height: 100%;
- background: rgb(68, 155, 84);
+ background: #185546;
color: #fff;
-
+ display: flex;
+ justify-content: center;
+ align-items: center;
.top_sell {
width: 100%;
- height: 45%;
+ // height: 45%;
display: flex;
justify-content: center;
- align-items: flex-end;
+ // align-items: flex-end;
}
.bottom_sell {
width: 100%;
- height: 55%;
+ // height: 55%;
display: flex;
justify-content: center;
- align-items: flex-start;
+ // align-items: flex-start;
padding: 0.1rem 0 0 0;
font-size: 0.4015rem;
}
--
Gitblit v1.9.3