QianNiaoShop/pagesT/stock/goodsConsolidation.vue

<template>
	<view>
		<view class="tabs-view">
			<view class="keyword-view clearfix">
				<u-search @custom="clearValue" @search="searchConfirm()" @clear="searchConfirm()" :show-action="false"
					:clearabled="true" placeholder="搜索名称/编码" v-model="keyword"></u-search>
			</view>
		</view>
		<view class="goods_consolidation_ul ">
			<view class="goods_consolidation_li">
				<view class="goods-name ellipsis">仓库：休闲张三仓</view>
				<view class="other-info">
					<view class="info-li">货位编号A-1</view>
					<view class="info-li">区域:jA</view>
				</view>
			</view>
			<view class="goods_consolidation_li">
				<view class="goods-name ellipsis">仓库：休闲张三仓</view>
				<view class="other-info">
					<view class="info-li">货位编号:J-01-001</view>
					<view class="info-li">区域:jA</view>
				</view>
			</view>
			<view class="goods_consolidation_li">
				<view class="goods-name ellipsis">仓库：休闲张三仓</view>
				<view class="other-info">
					<view class="info-li">货位编号:休闲仓-1-1</view>
					<view class="info-li">区域:休闲仓</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword: ''
			};
		}
	}
</script>

<style lang="scss" scoped>
	.tabs-view {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #ffffff;
		z-index: 99;

		.keyword-view {
			padding: 20rpx 24rpx;
		}

	}

	.goods_consolidation_ul {
		padding-top: 100rpx;

		.goods_consolidation_li {
			border-bottom: 2rpx solid rgb(242, 242, 242);
			padding: 24rpx 30rpx;
			width: 100%;
			background-color: #fff;

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

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

				.info-li {
					flex: 1;
				}
			}
		}
	}
</style>