vue中class变换颜色

最新推荐文章于 2023-03-27 17:33:02 发布

程序媛na

最新推荐文章于 2023-03-27 17:33:02 发布

阅读量688

点赞数

分类专栏： vue css 文章标签： vue.js

本文链接：https://blog.csdn.net/m0_60540878/article/details/125559356

版权

vue 同时被 2 个专栏收录

21 篇文章 3 订阅

订阅专栏

css

6 篇文章 0 订阅

订阅专栏

根据接口返回的值myPrizeList切换底图

:class="classChange(item.prizeProgram)" v-for="(item, index) in myPrizeList" :key="index"

classChange: val => ['prizeRed', 'prizeYellow', 'prizeBlue','prizePurple'][['一等奖', '二等奖', '三等奖','幸运用户大奖'].indexOf(val)],

  .prizeRed {
    background: url("../../../assets/votingActivities/red.png") no-repeat;
  }
  .prizeYellow {
    background: url("../../../assets/votingActivities/yellow.png") no-repeat;
  }
  .prizeBlue {
    background: url("../../../assets/votingActivities/blue.png") no-repeat;
  }
  .prizePurple{
    background: url("../../../assets/votingActivities/prizePurple.png") no-repeat;
  }