lh-mobile/pages/jiance/order/message.vue

<template>
	<view>
		<u-row gutter="16">
			<u-col span="4">
				<view class="left">
					<view class="bat"></view>
					检测项目编号：
				</view>
			</u-col>
			<u-col span="8">
				<view class="right">

				</view>
			</u-col>
		</u-row>
		<u-row gutter="16">
			<u-col span="4">
				<view class="left">
					检测项目名称：
				</view>
			</u-col>
			<u-col span="8">
				<view class="right">

				</view>
			</u-col>
		</u-row>
		<u-row gutter="16">
			<u-col span="4">
				<view class="left">
					操作规程：
				</view>
			</u-col>
			<u-col span="8">
				<view class="right">
				</view>
			</u-col>
		</u-row>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		}
	}
</script>

<style scoped lang="scss">
	.left {
		display: flex;
		align-items: center;
		// color: #8799a3;
		font-size: 30rpx;
		text-align: right;
		justify-content: flex-end;
	}

	.right {
		// color: #8799a3;
		font-size: 30rpx;
	}

	.bat {
		// position: absolute;
		width: 8px;
		height: 8px;
		border-radius: 100%;
		background: #67c23a;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
	}
</style>