From 360bd2a01c720adce45266391f7bfbc086803502 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Thu, 18 Sep 2025 15:46:16 +0800
Subject: [PATCH] 1
---
src/assets/img/down_5.png | 0
src/assets/img/down_4.png | 0
src/components/index-component.vue | 13 ++++++-------
3 files changed, 6 insertions(+), 7 deletions(-)
diff --git a/src/assets/img/down_4.png b/src/assets/img/down_4.png
index 3e2fb5c..04a417d 100644
--- a/src/assets/img/down_4.png
+++ b/src/assets/img/down_4.png
Binary files differ
diff --git a/src/assets/img/down_5.png b/src/assets/img/down_5.png
new file mode 100644
index 0000000..82e6150
--- /dev/null
+++ b/src/assets/img/down_5.png
Binary files differ
diff --git a/src/components/index-component.vue b/src/components/index-component.vue
index b75687c..1d694d2 100644
--- a/src/components/index-component.vue
+++ b/src/components/index-component.vue
@@ -1,5 +1,5 @@
<template>
- <div class="index_component bg-red" @click="toLine">
+ <div class="index_component" :class="dataObj.chg < 0 ? 'bg-green' : 'bg-red'" @click="toLine">
<div class="item_title">
<span class="line-one">{{ dataObj.symbol }}</span>
</div>
@@ -10,7 +10,8 @@
</div>
<div style="width:100%;flex:1" class="flex-center">
<!-- <Echart :ids="ids" :colorType="dataObj.chg / 1" :data="klist"></Echart> -->
- <img src="@/assets/img/down_4.png" style="width:80%;" />
+ <img src="@/assets/img/down_5.png" style="width:80%;" v-if="dataObj.chg < 0" />
+ <img src="@/assets/img/down_4.png" style="width:80%;" v-else />
</div>
</div>
</template>
@@ -26,7 +27,7 @@
},
dataObj: {
type: Object,
- default: () => {}
+ default: () => { }
}
},
computed: {
@@ -65,15 +66,13 @@
</script>
<style lang="less" scoped>
-@red: #f54346;
-
.bg-red {
background: linear-gradient(180deg, #2d1b23, #161a23);
- color: @red;
+ color: #f54346;
}
.bg-green {
- background-color: #f3fbf9;
+ background: linear-gradient(180deg, #152B28, #161A23);
color: green;
}
--
Gitblit v1.9.3