jhlapp/pagesT/stock/pickingList.vue

<template>
	<view>
		<view class="logs-ul">
			<view class="logs-li clearfix">
				<view class="clearfix logs-goods">
					<view class="float_left goods-img">
						<image src="../../static/img/user-re.png" mode="aspectFill"></image>
					</view>
					<view class="float_left goods-info">
						<view class="goods-name ellipsis">拣货商品</view>
						<view class="other-info">
							条码：
						</view>
						<view class="other-info">
							<view class="info-li">货拉:</view>
							<view class="info-li">数量:2PCS</view>
						</view>
						<view class="other-info">
							备注：
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="submit-btn">
			<viwe class="float_left" style="color: #B8C0C8;text-align: center;margin-left: 40rpx;">
				<view>
					<u-icon name="file-text" style="font-size: 40rpx;"></u-icon>
					<view style="font-size: 20rpx;">打印</view>
				</view>
			</viwe>
			<view class="btn-min-valet-order">继续拣货</view>
			<view class="btn-min">完成拣货</view>
		</view>
	</view>
</template>

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

			};
		}
	}
</script>

<style lang="scss" scoped>
	.logs-ul {

		.logs-li {
			width: 100%;
			background-color: #ffffff;
			padding: 24rpx;

			.logs-goods {
				position: relative;

				.price {
					position: absolute;
					color: $uni-color-error;
					top: 50%;
					right: 0;
					transform: translateY(-50%);
				}
			}

			.goods-img {
				position: relative;
				width: 100rpx;
				height: 100rpx;
				border-radius: 20rpx;
				overflow: hidden;
				margin-right: 20rpx;
				border: 1px solid #f5f5f5;

				image {
					width: 100%;
					height: 100%;
					display: block;
				}
			}

			.goods-info {
				width: 520rpx;

				.goods-name {
					font-weight: bold;
				}

				.date-time {
					font-size: 22rpx;
				}

				.other-info {
					padding-top: 10rpx;
					display: flex;
					font-size: 22rpx;
					color: #6c6c6c;

					.info-li {
						flex: 1;
					}
				}
			}
		}

	}

	.submit-btn {
		width: 100%;
		height: 98rpx;
		font-size: 28rpx;
		color: #fff;
		font-family: PingFangSC-Medium, PingFang SC;
	
		.btn-min {
			float: left;
			width: 240rpx;
			height: 64rpx;
			line-height: 64rpx;
			background: #4076d6;
			border-radius: 32rpx;
			margin-left: 40rpx;
		}
	
		.btn-min-valet-order {
			float: left;
			width: 240rpx;
			height: 64rpx;
			line-height: 64rpx;
			text-align: center;
			background: #fff;
			border-radius: 32rpx;
			border: 1px solid #979797;
			color: #2d405e;
			margin-left: 70rpx;
		}
	}
</style>