zhuoxin-leader-uniapp/components/fxyk-status/fxyk-status.vue

<template>
	<view class="d-flex a-center">
		<view class="frame" :style="{'background-color': bgColor }"></view>
		<view class="text">{{ title }}</view>
	</view>
</template>

<script>
	export default {
		props: {
			// 文本内容
			title: {
				type: String,
				default: ''
			},
			// 框的背景颜色
			bgColor: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.frame {
		width: 30rpx;
		height: 30rpx;
		margin-right: 10rpx;
		margin-bottom: 5rpx;
	}
	.text {
		font-size: 19rpx;
		font-family: SimSun;
		font-weight: 400;
		line-height: 27rpx;
		color: #FFFFFF;
	}
</style>