微信小程序淘宝首页双排图片布局排版代码(推荐)
效果图:
文章图片
使用技术主要是flex布局,绝对定位布局,小程序前端页面开发,以及一些样式!
直接贴代码,都有详细注释,熟悉一下,方便以后小程序开发!
wxml:
{{item.content}}
js:
imagelist:[{imageUrl:'/image/img1.webp',content:'包邮 韩式创意玻璃水杯架 沥水杯架茶杯架 倒挂架酒杯架沥水盘',},{imageUrl:'/image/img2.webp',content:'景德镇陶瓷 手绘小花瓶 摆件迷你装饰艺术花插新中式家居茶几插花',},{imageUrl:'/image/img3.webp',content:'可煮药18-24CM珐琅搪瓷汤锅双耳加厚炖锅平底锅盆电磁炉煤气通用',},{imageUrl:'/image/img4.webp',content:'雏菊气球帘提拉帘刺绣成品窗纱罗马窗帘卧室飘窗帘 琪琪布艺', }]
wxss:
.taobaolist{ margin-top: 20rpx; }.taobao-list-info{ float: left; margin-left: 20rpx; margin-top: 20rpx; position: relative; }.taobao-list-photo{ width: 350rpx; height: 350rpx; }.taobao-list-desc{ display: block; position: absolute; color: #000000; left: 0; width: 100%; text-align: center; font-size: 25rpx; padding: 10rpx; }
【微信小程序淘宝首页双排图片布局排版代码(推荐)】到此这篇关于微信小程序淘宝首页双排图片布局排版代码的文章就介绍到这了,更多相关小程序双排图片布局排版内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- 一个小故事,我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗()