小程序-产品列表页面(products)---模板
产品列表页面(products)—模板
文章图片
文章图片
=============================================
1. 路径:pages/tpl/products-tpl.wxml
{{item.name}}
¥{{item.price}}
2. 路径:pages/tpl/products-tpl.wxss
.products-box{
margin: 0rpx 30rpx 20rpx 30rpx;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.products-item{
min-height:300rpx;
width: 48%;
border-radius: 10rpx;
margin-right: 0;
margin-bottom: 20rpx;
background-color: #fff;
/* background-color: #F5F6F5;
*/
text-align: center;
}
.products-image{
margin: 10rpx auto 0 auto;
width:80%;
height:220rpx;
border-radius: 10rpx;
}.products-item-bottom{
text-align: center;
margin-bottom:20rpx;
color: #333;
}
.products-item-bottom .name{
font-size: 28rpx;
}
.products-item-bottom .price{
font-size: 24rpx;
}
【小程序-产品列表页面(products)---模板】
文章图片
推荐阅读
- 一个小故事,我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗()