From 2f72cf1a3a30b665619e7fcaa2657e225598554e Mon Sep 17 00:00:00 2001
From: flowstocktrading <tsm1258011@proton.me>
Date: Thu, 03 Nov 2022 18:22:54 +0800
Subject: [PATCH] 备份
---
src/page/home/home.vue | 42 +++++++++++++++++++++++++-----------------
1 files changed, 25 insertions(+), 17 deletions(-)
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index 3211ae9..e2e03c1 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -39,6 +39,7 @@
</div>
</div>
</div>
+
<!-- 排行入门 -->
<van-skeleton title :row="2" :loading="loading" />
<div class="navs" v-if="!loading">
@@ -68,24 +69,28 @@
<van-swipe class="fo_my-swipe" :autoplay="0" indicator-color="white" @change="onChange">
<van-swipe-item v-for="(item, index) in proData" :key="index" style="margin-top: 20px;">
<div class="item_cont" v-for="(item2, idx) in proData[currentIndex]" :key="idx">
- <div class="top_fo">
- <div class="title">
+ <div class="top_fo" style="width: 80%;">
+ <div class="title" style="width: 30%;">
<span>{{ item2.f14 }}</span>
</div>
- <div class="numbers">
- <span>{{ item2.f2 }}</span>
- </div>
- <div class="percentage" :class="item2.f3 > 0 ? 'gree' : 'redd'">
+ <div class="percentage" :class="item2.f3 > 0 ? 'gree' : 'redd'">
+
<span>{{ item2.f3 > 0 ? `+${item2.f3}%` : `${item2.f3}%` }}</span>
</div>
+ <div class="percentage"></div>
+ <div class="percentage" style="width: 38%;position: absolute;right: 0;" :class="item2.f3 > 0 ? 'gree' : 'redd'">
+ <echart :colorType="item2.f3" :ids="idx+'1'+index"></echart>
+ </div>
</div>
- <div class="bottom_fo">
- <div class="title">
+ <div class="bottom_fo" style="width: 80%;">
+ <div class="title"style="width: 30%;">
<span>{{ item2.f12 }}</span>
<img :src="Huo" alt style="margin-left: 0.12rem;" />
</div>
- <div class="numbers">
- <span>{{ '04:59:57' }}</span>
+ <div class="percentage" >
+ <!-- class="numbers" -->
+ <!-- <span>{{ '04:59:57' }}</span> -->
+ <span>{{ item2.f2 }}</span>
</div>
<div class="percentage">
<span></span>
@@ -150,14 +155,14 @@
<!-- tab -->
<GoToLogin />
- <!-- <foot></foot> -->
</div>
</template>
<script>
- import foot from "@/components/foot/foot";
+
import AllList from "@/page/list/list-all";
import HomeList from "./components/home-list";
+ import Echart from "./components/echart.vue";
import {
Toast
} from "mint-ui";
@@ -179,10 +184,10 @@
export default {
components: {
- foot,
HomeList,
AllList,
GoToLogin,
+ Echart
},
props: {},
data() {
@@ -232,7 +237,7 @@
methods: {
async getNewsList(type) {
let data = await api.queryNewsList(type);
- console.log('xinwen:', data)
+
switch (type) {
case 1:
this.newsContent1 = data.data.list
@@ -252,7 +257,7 @@
}
},
handleBannerClick(ind) {
- console.log(ind);
+ // console.log(ind);
},
ProcessData() {
// 把数据分割成三等份
@@ -263,7 +268,7 @@
onChange(index) {
this.currentIndex = index;
this.proData[index].forEach(item => {
- console.log(item.f14);
+ // console.log(item.f14);
});
},
handleSearchClick() {
@@ -308,6 +313,9 @@
this.getNewsList(1);
this.getNewsList(2);
this.getNewsList(4);
+
+
+
setTimeout(() => {
this.loading = false
}, 1000)
@@ -533,7 +541,7 @@
}
.title {
- width: 50%;
+ width: 20%;
height: 100%;
display: flex;
align-items: center;
--
Gitblit v1.9.3