微信小程序网格布局

news/2024/10/21 0:39:22/

效果图

实现

wxml

        <!-- 订单内容 --><view class="father"><!-- 订单item --><view class="childs" wx:for="{{List}}" wx:key="{{ index }}"></view></view>

 wxss

.father{display: grid;grid-template-columns: 1fr 1fr;
}
.childs{width: 170px;margin: 10px auto;
}


http://www.ppmy.cn/news/1460650.html

相关文章

微信小程序开发秘籍:解锁音频录制与录音功能的奥秘

微信小程序开发秘籍&#xff1a;解锁音频录制与录音功能的奥秘 在微信小程序的开发旅程中&#xff0c;音频功能的集成可以极大地丰富用户体验&#xff0c;特别是在教育、娱乐、社交等领域。本文将引领你深入了解如何在微信小程序中实现音频录制和播放功能&#xff0c;从基本概…

7-115 差分矩阵

知识点:差分 输入一个 n 行 m 列的整数矩阵,再输入 q 个操作,每个操作包含五个整数 x1,y1,x2,y2,c,其中 (x1,y1) 和 (x2,y2) 表示一个子矩阵的左上角坐标和右下角坐标。 每个操作都要将选中的子矩阵中的每个元素的值加上 c。 请你将进行完所有操作后的矩阵输出。 1≤n,…

Redis 之 布隆过滤器 与 布谷鸟过滤器

大家都知道,在计算机中IO一直是一个瓶颈,很多框架以及技术甚至硬件都是为了降低IO操作而生,今天聊一聊过滤器,先说一个场景: 我们业务后端涉及数据库,当请求消息查询某些信息时,可能先检查缓存中是否有相关信息,有的话返回,如果没有的话可能就要去数据库里面查询,这时候有一个…

【图像增强(空域)】基于灰度变换的图像增强及Matlab仿真

1. 摘要&#xff1a; 空域内的图像增强就是调整灰度图像的明暗对比度&#xff0c;对图像中各个像素的灰度值直接进行处理。常用的方法包括&#xff1a;灰度变换增强和直方图增强。 2. 原理&#xff1a; 灰度变换增强是空域ne对图像进行增强的一种简单且直接的方法。灰度变换…

在ubuntu 24.04上安装xrdp服务器(已验证可用)

上篇博客写了如何在ubuntu 24.04上安装vnc server&#xff0c;虽然它可以使用&#xff0c;但是有两个非常不好的缺点&#xff1a; 需要在主机上登录后vnc viewer才能登录。这样&#xff0c;如果还在vnc viewer上重启主机&#xff0c;然后你就不能再使用vnc viewer登录了。主机…

Unity图文混排EmojiText的使用方式和注意事项

​​​​​​​ 效果演示&#xff1a; 使用方式&#xff1a; 1、导入表情 2、设置图片格式 3、生成表情图集 4、创建/修改目标材质球 5、测试 修复换行问题 修复前&#xff1a; 修复后&#xff1a; 修复代码&#xff1a; 组件扩展 1、右键扩展 2、组件归类&#…

解决 XXL-Job 端口额外占用问题 小结

&#x1f3f7;️个人主页&#xff1a;牵着猫散步的鼠鼠 &#x1f3f7;️系列专栏&#xff1a;Java技术栈笔记 &#x1f3f7;️个人学习笔记&#xff0c;若有缺误&#xff0c;欢迎评论区指正 目录 1. 前言 2. 问题解决 2.1. 下载源码 2.2. 启动admin服务器 2.3. 项目引入c…

天星金融(原小米金融)持续稳健发展,小米集团2023年质量效益实现双提升

近期&#xff0c;小米集团发布了其2023年财报。数据显示&#xff0c;小米集团在过去的一年里取得了令人瞩目的成绩&#xff0c;总收入达到了2710亿元&#xff0c;经调整后的净利润高达193亿元&#xff0c;同比大增126.3%。 2023年是小米贯彻执行“规模与利润并重”经营策略的第…