字体变色

根据后台返回的数字 状态来改变字体的颜色

复制代码
 1 <div class="yousj_wen" :style="{color:getColor(item.zt).color}" v-html="getColor(item.zt).successtatus"></div>
 3 data({
 4   return{
 5     successtatus: '',
 6   }
 7 })
 8  methods: {
 9  getColor(zt) {
10             switch (zt) {
11                 case 0:
12                     return { successtatus: "未支付", color: "red" }
13                 case 1:
14                     return { successtatus: "已完成", color: "#4a9e4d" }
15                 case 2:
16                     return { successtatus: "支付失败", color: "gray" }
17                 case 3:
18                     return { successtatus: "已退款", color: "gray" }
19                 default:
20                     break;
21             }
22         },
23 }
复制代码

 

posted @   飞飞要努力  阅读(18)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
点击右上角即可分享
微信分享提示