css动态行内样式实现

场景：不同值显示的字体颜色不同

需要动态修改字体颜色，示例代码如下：

<view :style="{ color: statusColor, 'margin-top': 40 + '%;margin-left: 8px;' }">{{approveCard.status}}</view>

data() {return {statusColor: this.approveCard.statusColor,status: this.approveCard.status,};},

效果如下图：