css动态行内样式实现

场景：不同值显示的字体颜色不同
需要动态修改字体颜色，示例代码如下：

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

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

效果如下图：