uni-app学习(六):商品展示

效果图：

首先是推荐商品

<view class="tjView">
			<view class="tjtit">
				推荐商品
			</view>
     </view>

样式:

样式并不唯一，可以根据自己需要更改，这里只是个人的一种实现。

.tjView {
		margin: 10rpx;
		background-color: #eee;
		width: 100%;
		overflow: hidden;
		

		.tjtit {
			width: 100%;
			background-color: #FFFFFF;
			margin: 15rpx;
			line-height: 100rpx;
			letter-spacing: 50rpx;
			//居中
			text-align: center;
			color: #b50e30;
			font-size: 40rpx;

		}
}

头部标题完成

接下来是重点来了，列表,

<