zy-wechat/pages/specimenPort/specimenPort.vue

<template>
	<view class="conte">
		<view class="header">
			标本间
	<!-- 		<view class="filter" @click="filterClick">
			  <text class="newicon newicon-shaixuan"></text>
			</view> -->
		</view>
		<view class="list df">
			<view class="df-list list-border">
				<view>BL110110</view>
				<view>未打印</view>
			</view>
			<view class="df-list">
				<view>申请科室：神经内科</view>
				<view>部位：口腔</view>
			</view>
			<view class="df-list">
				<view>患者：神经内科</view>
				<view>住院号：口腔</view>
			</view>
			<view class="df-list">
				<view>离：神经内科</view>
				<view>固：口腔</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	.conte{
		.header{
			height: 80rpx;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0 20rpx;
		}
		.list{
			padding: 0 20rpx;
			margin-bottom: 20rpx;
			.df-list{
				display: flex;
				justify-content: space-between;
				padding: 10rpx 0;
				font-size: 28rpx;
				color: #555555;
			}
			.list-border{
				border-bottom: 1px solid #D2D2D2;
				height: 80rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-size: 32rpx !important;
				font-weight: 500;
				color: #000;
			}
		}
		.df{
			
		}
	}
</style>