Vue写银行卡根据不同的银行卡名称显示不同的背景颜色和图标

Posted AC_meimei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue写银行卡根据不同的银行卡名称显示不同的背景颜色和图标相关的知识,希望对你有一定的参考价值。

1、根据银行卡名称改变背景颜色:

(1)、步骤一:

(2)、步骤二:注意:在data里面写下面的obj

(3)、步骤三:自己根据需要设置CSS样式

2、根据银行卡名称改变对应图标:

(1)、步骤一:

(2)、步骤二:注意:在data里面写下面的src

这样就渲染出来了,完成!

以上是关于Vue写银行卡根据不同的银行卡名称显示不同的背景颜色和图标的主要内容,如果未能解决你的问题,请参考以下文章