根据实际情况应用
<view class="infos" v-for="item in 10" :key="item">
<view
class="status"
v-html="$options.filters.getText((item % 5) + 1)"
>
</view>
</view>
<script>
let statusColor = {
fail: {
key: 1,
test: "代付款",
color: "#D21F00",
},
toBecontact: {
key: 2,
test: "待发货",
color: "#3F6FDE",
},
earlyResignation: {
key: 3,
test: "发货中",
color: "#969699",
},
jobing: {
key: 4,
test: "待收货",
color: "#969699",
},
jobed: {
key: 5,
test: "待评价",
color: "#0DB3A1",
},
};
export default {
filters: {
getText(e) {
for (let key in statusColor) {
if (statusColor[key].key == e) {
return (
"<span style='color:" +
statusColor[key].color +
"'>" +
statusColor[key].test +
"</span>"
);
}
}
},
},
};
</script>