增加上升下降图片

mayf

2024-11-01 295e9e81fde514ffd40d9ced5f19a55a2e7021ca

增加上升下降图片

 pages/home.vue

@@ -78,6 +78,16 @@
              </div>
              <div :class="getRateClass(getRateValue(item.key, 'countRate'))">
                日环比：{{ getRateValue(item.key, 'countRate') || 0 }}%
                <img
                  v-if="getRateValue(item.key, 'countRate') > 0"
                  src="~static/images/home/up.png"
                  class="rate-container__img"
                />
                <img
                  v-if="getRateValue(item.key, 'countRate') < 0"
                  src="~static/images/home/down.png"
                  class="rate-container__img"
                />
              </div>
            </div>
          </div>
@@ -404,6 +414,12 @@
        align-items: center;
        justify-content: space-between;
      }
      &__img {
        width: 16PX;
        height: 16PX;
        position: relative;
        top: 2PX;
      }
    }
  }
}