博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序图片列表实现
阅读量:4135 次
发布时间:2019-05-25

本文共 699 字,大约阅读时间需要 2 分钟。

小程序实现图片列表

效果如下图
在这里插入图片描述
wxml文件

wxss文件

.container{
padding: 2rpx;}.picture_list{
width: 100%; display:flex; flex-direction:row; flex-wrap:wrap; background-color: black; margin-top: 20rpx;}.picture_box{
flex-shrink:0; box-sizing:border-box; width:50%; height: 400rpx; padding:5px; }.img{
width:100%; height:100%; }.tab{
margin-top: 20rpx;}.tabItem{
margin-top: 10rpx;}

转载地址:http://yisvi.baihongyu.com/

你可能感兴趣的文章
HTTP和HttpServletRequest 要点
查看>>
在osg场景中使用GLSL语言——一个例子
查看>>
laravel 修改api返回默认的异常处理
查看>>
laravel事务
查看>>
【小红书2017年笔试】求一个数组中平均数最大的子数组
查看>>
Linux基础系列-Kernel 初始化宏
查看>>
<iOS>关于自定义description的一点用法
查看>>
Unix 命令,常用到的
查看>>
DLL中建立进程共享数据段需要注意的语法问题
查看>>
服务器端技术----Http请求的处理过程
查看>>
C语言-预处理指令2-条件编译
查看>>
C语言-预处理指令3-文件包含
查看>>
C语言-变量类型
查看>>
C语言-static和extern关键字1-对函数的作用
查看>>
C 语言-static和extern关键字2-对变量的作用
查看>>
【JavaScript 教程】浏览器—History 对象
查看>>
还不会正则表达式?看这篇!
查看>>
100道+ JavaScript 面试题,助你查漏补缺
查看>>
JavaScript深入理解之闭包
查看>>
这才是学习Vite2的正确姿势!
查看>>