From 6bf742b19037b59da70f2bc4119c9c0c68430870 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Sat, 19 Jul 2025 18:22:38 +0800
Subject: [PATCH] 1
---
src/page/kline/index.vue | 526 +++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 337 insertions(+), 189 deletions(-)
diff --git a/src/page/kline/index.vue b/src/page/kline/index.vue
index 411f1bd..407ea4d 100644
--- a/src/page/kline/index.vue
+++ b/src/page/kline/index.vue
@@ -4,125 +4,188 @@
<div class="detail_title">
<div class="ti_cont">
<div class="top_back">
- <div class="left_back" @click="handleBack()">
+ <div class="left_back" @click="handleBackaa()">
<img src="../../assets/img/zuojiantou.png" alt />
</div>
<div class="right_title">
- <div class="t_t" style="white-space: nowrap;">
- <span>{{ kLineDetails.name | getName }}</span>
+ <div class="t_t" style="white-space: nowrap">
+ <span>{{ singDetails.name }}({{ singDetails.gid }})</span>
</div>
<div class="b_t">
- <span>{{ singDetails.code }}</span>
+ <span>{{ singDetails.spell }}</span>
</div>
</div>
</div>
- <div class="right_money sss">
+ <!-- 隐藏右侧金额显示 -->
+ <!-- <div class="right_money sss">
<div class="content_money">
<div class="top_price">
<div class="left">
- <span>{{ $t('hj47') }}</span>
+ <span>{{ $t("hj47") }}</span>
</div>
<div class="right">
- <span v-if="$store.state.userInfo.userAmt == undefined">¥0.00</span>
- <span v-if="$store.state.userInfo && kLineDetails.if_zhishu != '0'" style="white-space: nowarp;">
- {{ kLineDetails.if_us == 1 ? '$' + Number(Number($store.state.userInfo.userIndexAmt) /
- 7.1).toFixed(2) :
- kLineDetails.if_us == 2 ? 'HK$' + (Number($store.state.userInfo.userIndexAmt) / 0.9).toFixed(2) :
- '¥' +
- $store.state.userInfo.userIndexAmt
+ <span v-if="$store.state.userInfo.userAmt == undefined"
+ >₹0.00</span
+ >
+ <span
+ v-if="
+ $store.state.userInfo && kLineDetails.if_zhishu != '0'
+ "
+ style="white-space: nowarp"
+ >
+ {{
+ kLineDetails.if_us == 1
+ ? "$" +
+ Number(
+ Number($store.state.userInfo.userIndexAmt) / 7.1
+ ).toFixed(2)
+ : kLineDetails.if_us == 2
+ ? "HK$" +
+ (
+ Number($store.state.userInfo.userIndexAmt) / 0.9
+ ).toFixed(2)
+ : "" + $store.state.userInfo.userIndexAmt
}}
</span>
- <span v-if="$store.state.userInfo.userAmt != undefined && kLineDetails.if_zhishu == '0'"
- style="white-space: nowarp;">
- {{ kLineDetails.if_us == 1 ? '$' + Number(Number($store.state.userInfo.userAmt) / 7.1).toFixed(2) :
- kLineDetails.if_us == 2 ? 'HK$' + (Number($store.state.userInfo.userAmt) / 0.9).toFixed(2) : '¥ ' +
- $store.state.userInfo.userAmt
+ <span
+ v-if="
+ $store.state.userInfo.userAmt != undefined &&
+ kLineDetails.if_zhishu == '0'
+ "
+ style="white-space: nowarp"
+ >
+ {{
+ " " +
+ parseFloat(
+ $store.state.userInfo.enableAmt.toFixed(2)
+ ).toLocaleString()
}}
</span>
</div>
<div class="sanjiao">
- <!-- <img
- :class="dialogFlag ? 'xuanz' : ''"
- style="transition: all 0.5s;"
- src="../../assets/img/xiala.png"
- alt
- /> -->
+
</div>
</div>
<div class="bottom_balance">
<div>
- <span>{{ $t('hj48') }}</span>
+ <span>{{ $t("hj48") }}</span>
</div>
</div>
</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'">{{
+ <!-- <span :class="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'price green' : 'price red'">{{
singDetails.nowPrice
- }}</span>
+ }}</span> -->
+ <span
+ :class="singDetails.hcrate > 0 ? 'price green' : 'price red'"
+ >{{ singDetails.nowPrice }}</span
+ >
</div>
<div class="bottom_now">
<div>
- <span v-if="singDetails.nowPrice == 0">-</span>
- <span v-else>{{ singDetails.nowPrice - singDetails.preclose_px > 0
+ <span v-if="singDetails.nowPrice === 0">-</span>
+ <!-- <span v-else>{{ singDetails.nowPrice - singDetails.preclose_px > 0
? '+' : ''
- }}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span>
+ }}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span> -->
+ <span v-else>
+ {{
+ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2)
+ }}</span
+ >
</div>
- <div class="tew"
- :class="singDetails.nowPrice - singDetails.preclose_px < 0 ? 'number green' : 'number red'">
- <span v-if="singDetails.nowPrice == 0">-</span>
- <span v-else>({{ singDetails.nowPrice - singDetails.preclose_px > 0 ? '+' : '' }}
- {{ singDetails.hcrate ? singDetails.hcrate : '0' }}%)</span>
+ <div
+ class="tew"
+ :class="singDetails.hcrate > 0 ? 'number green' : 'number red'"
+ >
+ <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 ? singDetails.hcrate : "0" }}%)</span
+ >
</div>
</div>
</div>
<div class="right_ets">
<div class="tops">
<div class="lefts topes">
- <span class="titles">{{ $t('hj72') }}</span>
- <span :class="singDetails.nowPrice - singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
+ <span class="titles">{{ $t("hj72") }}</span>
+ <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
singDetails.open_px
- }}</span>
+ }}</span> -->
+ <span
+ :class="
+ singDetails.hcrate > 0 ? 'number green' : 'number red'
+ "
+ >{{ singDetails.open_px }}</span
+ >
</div>
<div class="rights topes">
- <span class="titles">{{ $t('hj73') }}</span>
- <span :class="singDetails.nowPrice - singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
+ <span class="titles">{{ $t("hj73") }}</span>
+ <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
singDetails.today_max
- }}</span>
+ }}</span> -->
+ <span
+ :class="
+ singDetails.hcrate > 0 ? 'number green' : 'number red'
+ "
+ >{{ singDetails.today_max }}</span
+ >
</div>
</div>
<div class="bottoms">
<div class="lefts bots">
- <span class="titles">{{ $t('hj74') }}</span>
- <span :class="singDetails.nowPrice - singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
+ <span class="titles">{{ $t("hj74") }}</span>
+ <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
singDetails.preclose_px
- }}</span>
+ }}</span> -->
+ <span
+ :class="
+ singDetails.hcrate > 0 ? 'number green' : 'number red'
+ "
+ >{{ singDetails.preclose_px }}</span
+ >
</div>
<div class="rights bots">
- <span class="titles">{{ $t('hj75') }}</span>
- <span :class="singDetails.nowPrice - singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
+ <span class="titles">{{ $t("hj75") }}</span>
+ <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
singDetails.today_min
- }}</span>
+ }}</span> -->
+ <span
+ :class="
+ singDetails.hcrate > 0 ? 'number green' : 'number red'
+ "
+ >{{ singDetails.today_min }}</span
+ >
</div>
</div>
</div>
</div>
</div>
<div class="k_line_detail">
- <Kline :type="singDetails.type" />
+ <Kline :key="key" :type="singDetails.type" />
</div>
- <div class="priect_top_bottom"
- v-if="(kLineDetails.if_us != 1 && kLineDetails.type != 'hk') && kLineDetails.type != 'hk' && kLineDetails.if_zhishu == 0">
+ <div
+ class="priect_top_bottom"
+ style="display: none"
+ v-if="
+ kLineDetails.if_us != 1 &&
+ kLineDetails.type != 'hk' &&
+ kLineDetails.type != 'hk' &&
+ kLineDetails.if_zhishu == 0
+ "
+ >
<div class="t_title">
- <span>{{ $t('hj76') }}</span>
+ <span>{{ $t("hj76") }}</span>
</div>
<div class="charts">
<div class="left_s">
<div class="t_ma">
- <span>{{ $t('hj77') }}</span>
+ <span>{{ $t("hj77") }}</span>
</div>
<div class="ets">
<div class="left_sell1">
@@ -167,7 +230,7 @@
</div>
<div class="right_h">
<div class="t_ma">
- <span>{{ $t('hj78') }}</span>
+ <span>{{ $t("hj78") }}</span>
</div>
<div class="ets">
<div class="left_sell1">
@@ -199,8 +262,6 @@
</div>
<div class="right_sell1">
<span>{{ singDetails.buy4_num }}</span>
-
-
</div>
</div>
<div class="ets">
@@ -216,125 +277,172 @@
</div>
<div class="priect_top_bottom" v-if="kLineDetails.if_us == 1">
<div class="t_title">
- <span>{{ $t('hj79') }}</span>
+ <span>{{ $t("hj79") }}</span>
</div>
<div class="charts">
<div class="left_s">
<div class="t_ma">
- <span>{{ $t('hj80') }}</span>
+ <span>{{ $t("hj80") }}</span>
</div>
- <div class="ets" v-for="item in timedata.data.details">
+ <div
+ class="ets"
+ v-for="(item, i) in timedata.data.details"
+ :key="i"
+ >
<div class="left_sell1">
- <span>{{ item.split(',')[0] }}</span>
+ <span>{{ item.split(",")[0] }}</span>
</div>
<div class="right_sell1">
- <span>{{ }}</span>
+ <!-- <span>{{ }}</span> -->
</div>
</div>
-
</div>
<div class="right_h">
<div class="t_ma">
- <span>{{ $t('hj81') }}</span>
+ <span>{{ $t("hj81") }}</span>
</div>
- <div class="ets" v-for="item in timedata.data.details">
+ <div
+ class="ets"
+ v-for="(item, i) in timedata.data.details"
+ :key="i"
+ >
<div class="left_sell1">
- <span>{{ item.split(',')[1] }}</span>
+ <span>{{ item.split(",")[1] }}</span>
</div>
<div class="right_sell1">
- <span>{{ }}</span>
+ <!-- <span>{{ }}</span> -->
</div>
</div>
-
</div>
<div class="right_h">
<div class="t_ma">
- <span>{{ $t('hj82') }}</span>
+ <span>{{ $t("hj82") }}</span>
</div>
- <div class="ets" v-for="item in timedata.data.details">
+ <div
+ class="ets"
+ v-for="(item, i) in timedata.data.details"
+ :key="i"
+ >
<div class="left_sell1">
- <span>{{ item.split(',')[2] }}</span>
+ <span>{{ item.split(",")[2] }}</span>
</div>
<div class="right_sell1">
- <span>{{ }}</span>
+ <!-- <span>{{ }}</span> -->
</div>
</div>
-
</div>
</div>
</div>
- <div class="jianjie" v-if="!(kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1)"
- :class="acseFlag ? 'isjj' : ''" ref="isjj" id="isjj">
+ <!-- <div
+ class="jianjie"
+ v-if="
+ !(kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1)
+ "
+ :class="acseFlag ? 'isjj' : ''"
+ ref="isjj"
+ id="isjj"
+ >
<div class="top_jj">
- <span>{{ $t('hj83') }}</span>
+ <span>{{ $t("hj83") }}</span>
</div>
<div class="jet">
<span>{{ jianjie }}</span>
</div>
- </div>
- <div class="hknews" v-if="kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1">
-
+ </div> -->
+ <!-- <div
+ class="hknews"
+ v-if="
+ kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1
+ "
+ >
<div class="news-tab">
<div class="t_title">
- <span>{{ $t('hj6') }}</span>
+ <span>{{ $t("hj6") }}</span>
</div>
- <mt-tab-container v-model="news" :swipeable="false" style="padding-top: 0.5rem;">
+ <mt-tab-container
+ v-model="news"
+ :swipeable="false"
+ style="padding-top: 0.5rem"
+ >
<mt-tab-container-item id="tab_2">
<div class="news-content">
- <div class="item-out" v-for="(item, inde) in newsdetailList" :key="inde">
- <div class="item-times">{{ item.Art_ShowTime | utc2beijing }}</div>
- <div class="titContent" style="-webkit-box-orient: vertical;">{{ item.Art_Title }}</div>
+ <div
+ class="item-out"
+ v-for="(item, inde) in newsdetailList"
+ :key="inde"
+ >
+ <div class="item-times">
+ {{ item.Art_ShowTime | utc2beijing }}
+ </div>
+ <div class="titContent" style="-webkit-box-orient: vertical">
+ {{ item.Art_Title }}
+ </div>
</div>
</div>
</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>
+ <span>{{ $t("hj6") }}</span>
</div>
- <mt-tab-container v-model="news" :swipeable="false" style="padding-top: 0.5rem;">
+ <mt-tab-container
+ v-model="news"
+ :swipeable="false"
+ style="padding-top: 0.5rem"
+ >
<mt-tab-container-item id="tab_2">
<div class="news-content">
- <div class="item-out" v-for="(item, inde) in newsdetailList" :key="inde">
+ <div
+ class="item-out"
+ v-for="(item, inde) in newsdetailList"
+ :key="inde"
+ @click="godetail(item)"
+ >
<div class="item-times">{{ item.addTime | gettime }}</div>
- <div class="titContent" style="-webkit-box-orient: vertical;">{{ item.title }}</div>
+ <div class="titContent" style="-webkit-box-orient: vertical">
+ {{ item.title }}
+ </div>
</div>
</div>
</mt-tab-container-item>
</mt-tab-container>
</div>
- </div>
- <div class="border_bottom"></div>
+ </div> -->
+ <!-- <div class="border_bottom"></div> -->
</div>
<div class="btns">
<div class="lefts">
<div class="left_ca" @click="option()">
- <img src="../../assets/img/meishoucang.png" alt v-if="isOptionOpt === false" />
+ <img
+ src="../../assets/img/meishoucang.png"
+ alt
+ v-if="isOptionOpt === false"
+ />
<img src="../../assets/img/shoucangle.png" alt v-else />
</div>
<div class="right_xx" @click="handleJj()">
- <a href="#"><img src="../../assets/img/xiaoxi.png" alt /></a>
+ <a href="#"><img src="../../assets/img/xiaoxi.png" alt/></a>
</div>
</div>
<div class="rights">
<div class="buy_btn">
<div class="top_buy" @click="goBuy(0)">
- <span>{{ $t('hj84') }}</span>
+ <span>{{ $t("hj84") }}</span>
</div>
- <div class="bottom_buy">
+ <!-- <div class="bottom_buy">
<span>{{ singDetails.nowPrice }}</span>
- </div>
+ </div> -->
</div>
<div class="sell_btn" @click="goBuy(1)">
<div class="top_sell">
- <span>{{ $t('hj85') }}</span>
+ <span>{{ $t("hj85") }}</span>
</div>
- <div class="bottom_sell">
+ <!-- <div class="bottom_sell">
<span>{{ singDetails.nowPrice }}</span>
- </div>
+ </div> -->
</div>
</div>
</div>
@@ -344,12 +452,13 @@
<script>
import Kline from "./components/kLine.vue";
import * as api from "@/axios/api";
+import { Toast } from "vant";
export default {
name: "kline",
data() {
return {
- news: 'tab_2',
+ news: "tab_2",
kLineDetails: {}, // K线图详情数据
singDetails: {},
scFlag: false,
@@ -359,27 +468,34 @@
isOptionOpt: false,
dialogFlag: false,
timedata: [],
- newsdetailList: []
+ newsdetailList: [],
+ bayType: "",
+ timer: null,
+ key: 0
};
},
components: {
Kline
},
- created() {
+ created() {
const { query } = this.$route;
this.kLineDetails = query;
- if (query.if_us == '1') {
-
+ if (query.if_us === "1") {
this.getSingDetailUs();
} else {
- this.getSingDetails();
+ this.timer = setInterval(() => {
+ this.getSingDetails();
+ }, 2000);
}
this.getOpation();
// this.$Lazyload();
this.getUserInfo();
+ this.getNohknews();
},
-
+ beforeDestroy() {
+ this.clearInterval(this.timer); // 在组件销毁前清除定时器
+ },
// beforeDestroy() {
// this.Klinetype = false;
// window.clearInterval()
@@ -387,19 +503,19 @@
methods: {
async getHknews() {
await api.queryIndexNews().then(res => {
- if (res.status == 0) {
+ if (res.status === 0) {
this.newsdetailList = res.data.data;
}
});
},
async getNohknews() {
let data = await api.queryNewsList(4);
- this.newsdetailList = data.data.list
+ this.newsdetailList = data.data.list;
},
async option() {
if (this.optionBtn) {
- return
- };
+ return;
+ }
this.optionBtn = true;
if (this.isOptionOpt) {
let data = await api.delOption({ code: this.kLineDetails.code });
@@ -407,14 +523,14 @@
this.getOpation();
this.optionBtn = false;
this.$message({
- message: this.$t('hj97'),
- type: 'success'
+ message: this.$t("hj97"),
+ type: "success"
});
} else {
this.optionBtn = false;
this.$message({
message: data.msg,
- type: 'warning'
+ type: "warning"
});
}
} else {
@@ -423,13 +539,13 @@
this.getOpation();
this.optionBtn = false;
this.$message({
- message: this.$t('hj96'),
- type: 'success'
+ message: this.$t("hj96"),
+ type: "success"
});
} else {
this.$message({
message: data.msg,
- type: 'warning'
+ type: "warning"
});
this.optionBtn = false;
}
@@ -454,13 +570,13 @@
async getOpation() {
let opts = {
code: this.$route.query.code
- }
- let data = await api.isOption(opts)
+ };
+ let data = await api.isOption(opts);
if (data.status === 0) {
// 0 --> 未添加
- this.isOptionOpt = false
+ this.isOptionOpt = false;
} else {
- this.isOptionOpt = true
+ this.isOptionOpt = true;
}
},
async getSingDetails() {
@@ -471,18 +587,27 @@
await api.getSingleStock(opts).then(res => {
if (res.status === 0) {
this.singDetails = res.data.stock;
+ this.bayType = res.data.stock.type;
if (res.data.introduction) {
this.jianjie = res.data.introduction;
} else {
this.jianjie = res.data.indexintroduction;
}
- console.log(this.singDetails);
- if (this.kLineDetails.if_zhishu != '0' && this.singDetails.gid.indexOf('hk') > -1) {
- this.getHknews();
- } else {
- this.getNohknews();
- }
+ const obj = {
+ pid: res.data.stock.code,
+ type: res.data.stock.type
+ };
+ window.localStorage.setItem("kLine", JSON.stringify(obj));
+ // console.log(this.singDetails)
+ // if (this.kLineDetails.if_zhishu !== '0' && this.singDetails.gid.indexOf('hk') > -1) {
+ // this.getHknews()
+ // } else {
+ // this.getNohknews()
+ // }
+ // this.timer = setTimeout(() => {
+ // this.getSingDetails(); // 再次调用自身，形成递归效果
+ // }, 500);
}
});
},
@@ -523,13 +648,24 @@
navigator.vibrate([55]);
}
},
- handleBack() {
+ handleBackaa() {
+ clearInterval(this.timer);
+ window.localStorage.removeItem("kLine");
this.$router.go(-1);
},
handleSc() {
this.scFlag = !this.scFlag;
},
+ godetail(item) {
+ this.$router.push({
+ path: "/newPage",
+ query: {
+ listid: item.id
+ }
+ });
+ },
goBuy(index) {
+ clearInterval(this.timer);
this.$router.push({
path: "/TradingBuy",
query: {
@@ -537,8 +673,12 @@
code: this.kLineDetails.code,
m: this.singDetails.nowPrice,
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) {
@@ -548,12 +688,12 @@
}
},
filters: {
- getName(name) {
- if (name.length > 15) {
- return name.substring(0, 14);
- } else {
- return name;
- }
+ getName(spell) {
+ // if (name.length > 15) {
+ // return name.substring(0, 14)
+ // } else {
+ return spell;
+ // }
},
gettime(time) {
if (!time) {
@@ -581,28 +721,32 @@
if (c < 10) {
c = "0" + c;
}
- //17:35:2922-06-2022
- return y + "-" + mm + "-" + d + " " + h + ":" + m + ":" + c;
+ // 17:35:2922-06-2022
+ return d + "/" + mm + "/" + y + " " + h + ":" + m + ":" + c; //日月年时分秒
+ // return y + '-' + mm + '-' + d + ' ' + h + ':' + m + ':' + c
},
- utc2beijing(utc_datetime) {
+ utc2beijing(utcDatetime) {
// 转为正常的时间格式 年-月-日 时:分:秒
- var T_pos = utc_datetime.indexOf('T');
- var Z_pos = utc_datetime.indexOf('Z');
- var year_month_day = utc_datetime.substr(0, T_pos);
- var hour_minute_second = utc_datetime.substr(T_pos + 1, Z_pos - T_pos - 1);
- var new_datetime = year_month_day + " " + hour_minute_second; // 2017-03-31 08:02:06
+ var tPos = utcDatetime.indexOf("T");
+ // var Z_pos = utcDatetime.indexOf('Z')
+ var yearMonthDay = utcDatetime.substr(0, tPos);
+ var hourMinuteSecond = utcDatetime.substr(tPos + 1, tPos - tPos - 1);
+ var newDatetime = yearMonthDay + " " + hourMinuteSecond; // 2017-03-31 08:02:06
// 处理成为时间戳
- timestamp = new Date(Date.parse(new_datetime));
+ var timestamp = new Date(Date.parse(newDatetime));
timestamp = timestamp.getTime();
timestamp = timestamp / 1000;
// 增加8个小时，北京时间比utc时间多八个时区
- var timestamp = timestamp + 8 * 60 * 60;
+ var timestamp2 = timestamp + 8 * 60 * 60;
// 时间戳转为时间
- var beijing_datetime = new Date(parseInt(timestamp) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
- return beijing_datetime; // 2017-03-31 16:02:06
+ var beijingDatetime = new Date(parseInt(timestamp2) * 1000)
+ .toLocaleString()
+ .replace(/年|月/g, "-")
+ .replace(/日/g, " ");
+ return beijingDatetime; // 2017-03-31 16:02:06
}
}
};
@@ -642,12 +786,12 @@
/deep/.is-selected .tab-name:after {
position: absolute;
display: block;
- content: '';
- height: .07rem;
- background-color: #1381A4;
+ content: "";
+ height: 0.07rem;
+ background-color: #1381a4;
width: 100%;
left: 0;
- bottom: -.25rem;
+ bottom: -0.25rem;
}
}
@@ -678,18 +822,13 @@
.titContent {
position: relative;
width: 100%;
- font-size: .35rem;
- line-height: .46rem;
+ font-size: 0.35rem;
+ line-height: 0.46rem;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
}
-
-
-
-
-
.ti_cont {
width: 100%;
@@ -701,7 +840,7 @@
height: calc(100% - 1.7rem);
overflow: auto;
- >.content {
+ > .content {
width: 100%;
height: 100%;
position: relative;
@@ -718,7 +857,7 @@
.detail_title {
width: 100%;
- height: 3.2rem;
+ // height: 3.2rem;
padding: 0 0.3rem;
background: #fff;
@@ -734,7 +873,7 @@
display: flex;
align-items: center;
- >img {
+ > img {
margin-top: 0.2rem;
width: 0.6rem;
height: 0.6rem;
@@ -771,30 +910,31 @@
.k_line_detail {
width: 100%;
- height: 8.3rem;
+ height: calc(100vh - 300px);
background: #fff;
border-radius: 0 0 0.3rem 0.3rem;
}
.real_time_detail {
width: 100%;
- height: 2rem;
+ // height: 2rem;
display: flex;
justify-content: space-between;
+ flex-wrap: wrap;
+ align-items: center;
+ padding: 0.3rem 0;
.left_now_price {
- width: 35%;
+ // width: 35%;
height: 100%;
.top_now {
width: 100%;
- height: 65%;
- font-size: 0.741rem;
+ // height: 65%;
+ font-size: 25px;
display: flex;
align-items: center;
- padding-left: 0.1rem;
- padding-top: 0.3rem;
-
+ font-weight: bold;
span {
font-weight: 500;
}
@@ -802,9 +942,10 @@
.bottom_now {
width: 100%;
- height: 35%;
+ // height: 35%;
display: flex;
padding-left: 0.1rem;
+ padding-top: 0.1rem;
}
.tew {
@@ -813,20 +954,25 @@
}
.right_ets {
- width: 65%;
+ max-width: 70%;
height: 100%;
- >div {
+ > div {
width: 100%;
- height: 50%;
+ padding: 0.15rem 0;
display: flex;
+ align-items: center;
- >div {
- width: 50%;
+ > div {
+ // width: 50%;
height: 100%;
display: flex;
justify-content: space-between;
+ align-items: center;
padding: 0 0.1rem;
+ .titles {
+ padding-right: 0.1rem;
+ }
}
}
}
@@ -835,14 +981,14 @@
.topes {
span {
display: inline-block;
- padding-top: 0.6rem;
+ // padding-top: 0.6rem;
}
}
.bots {
span {
display: inline-block;
- padding-top: 0.2rem;
+ // padding-top: 0.2rem;
}
}
@@ -883,7 +1029,7 @@
justify-content: space-between;
margin-top: 0.6rem;
- >div {
+ > div {
width: 49%;
height: 100%;
}
@@ -904,7 +1050,7 @@
display: flex;
margin-top: 0.08rem;
- >div {
+ > div {
width: 50%;
height: 100%;
display: flex;
@@ -988,7 +1134,7 @@
display: flex;
align-items: center;
- >div {
+ > div {
width: 50%;
height: 100%;
display: flex;
@@ -1009,7 +1155,7 @@
align-items: center;
justify-content: space-around;
- >div {
+ > div {
border-radius: 0.15rem;
}
@@ -1021,10 +1167,11 @@
.top_buy {
width: 100%;
- height: 45%;
+ height: 100%;
display: flex;
justify-content: center;
- align-items: flex-end;
+ align-items: center;
+ font-size: 0.4rem;
}
.bottom_buy {
@@ -1046,10 +1193,11 @@
.top_sell {
width: 100%;
- height: 45%;
+ height: 100%;
display: flex;
justify-content: center;
- align-items: flex-end;
+ align-items: center;
+ font-size: 0.4rem;
}
.bottom_sell {
@@ -1119,10 +1267,10 @@
}
.isjj {
- animation: zy 2.5s .15s linear infinite;
- animation: zy 2.5s .15s linear infinite;
- animation: zy 2.5s .15s linear infinite;
- animation: zy 2.5s .15s linear infinite;
+ animation: zy 2.5s 0.15s linear infinite;
+ animation: zy 2.5s 0.15s linear infinite;
+ animation: zy 2.5s 0.15s linear infinite;
+ animation: zy 2.5s 0.15s linear infinite;
animation: zy 2.5s 0.15s linear infinite;
animation: zy 2.5s 0.15s linear infinite;
animation: zy 2.5s 0.15s linear infinite;
@@ -1155,7 +1303,7 @@
justify-content: flex-end;
.left {
- width: 0.8rem;
+ // width: 0.8rem;
height: 0.4103rem;
border-radius: 0.1rem;
background: #4d73b1;
@@ -1201,4 +1349,4 @@
margin-left: 0.2rem;
padding-right: 0.68rem;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3