样式动态绑定

style/class 和三元表达式结合 动态显示

记录一下
style和三元表达式结合 动态显示样式

<span class="flex-1" :style="{'color': i.type === 0 ? '#ff9431' : '#1fe7ff'}">{{ i.type === 0 ? '支出' : '收入' }}</span>

class和三元表达式结合 动态显示样式

<span class="flex-1" :class="[i.type === 0 ? 'y-text' : 'b-text']">{{ i.type === 0 ? '支出' : '收入' }}</span>