tlfb/pages/index/child/wholesale.vue

<template>
	<view class="wholesale">
		<view class="title">
			<view class="img">
				<image src="../../../static/img/list1.png" mode=""></image>
			</view>
			<view class="title-t"> 批发专区 </view>
			<view class="about"> 限时抢购 </view>
		</view>
		<view class="date">
				<image src="@/static/error/errorImage.jpg"></image>
				<image src="@/static/error/errorImage.jpg"></image>
				<image src="@/static/error/errorImage.jpg"></image>
		</view>
	</view>
</template>

<script>
	export default {
		
	}
</script>

<style lang="scss" scoped>
$grey: #95A0B1;
$text: #333333;
$red: #FF4C4C;
.wholesale {
	padding: 20rpx;
	background-color: #fff;
	margin : 20rpx 0;
	.title {
		display: flex;
		line-height: 40rpx;
		.title-t {
			color: $text;
			font-weight: bold;
			margin: 0 20rpx;
			font-size: 34rpx;
		}
		.about {
			font-size: 24rpx;
			color: $grey;
		}
		image {
			width: 40rpx;
			height: 40rpx;
		}
	}
	.date {
		padding: 30rpx 0;
		display: flex;
		justify-content: space-between;
		image {
			border-radius: 20rpx;
			max-width: 32%;
			width: 220rpx;
			height: 300rpx;
		}
	}
}
</style>