1

PC-20250623MANY\Administrator

2025-09-18 360bd2a01c720adce45266391f7bfbc086803502

1

 src/assets/img/down_4.png

 src/assets/img/down_5.png

 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;
}