微信小程序

<!-- 瀑布流大概的思路就是,直接定义两列等宽的view,然后两列都加载相同的数据

wx:if="{{index%2==1}}" 这里,用if来辨别是奇数还是偶数,两边加载相反的 -->

<view class="content">

<view class="left">

<block wx:for="{{noramalData.tuijain}}" wx:key="index" wx:for-item="tuijain">

<template is="{{msg1}}" data="{{tuijain}}" wx:if="{{index%2==0}}"></template>

</block>

</view>

<view class="right">

<block wx:for="{{noramalData.tuijain}}" wx:key="index" wx:for-item="tuijain">

<template is="{{msg1}}" data="{{tuijain}}" wx:if="{{index%2==1}}"></template>

</block>

</view>

</view>

相关推荐
禾高网络15 分钟前
开启环保新潮流:回收小程序系统功能介绍
java·大数据·小程序
laboratory agent开发3 小时前
多维度拆解小程序平台:数字化经营工具的理性选择指南
微信小程序
2501_915921433 小时前
详细解析,iOS 应用上架 App Store 的完整流程与指南
android·ios·小程序·https·uni-app·iphone·webview
微三云 - 廖会灵 (私域系统开发)3 小时前
小程序商城系统安全运维剖析:漏洞、风控与长效迭代方案
运维·小程序·系统安全
T01156184 小时前
独立开发者商单实战|商超门店小程序(自提 + 同城配送):小程序全端页面 & 业务流程总图汇总
微信小程序·小程序·个人开发·前端实战
T01156184 小时前
独立开发者商单实战|商超门店小程序(自提 + 同城配送)用户端 & 后台联动踩坑上篇
小程序
梦想的颜色6 小时前
UniApp 四端对齐实战:iOS App / Android App / 小程序 / H5 兼容坑点与完整解决方案|AI 辅助多端落地
android·ios·小程序·uni‑app·uniapp 四端适配·多端兼容·ai 生成 uni‑app
黄华SJ520it21 小时前
二二复制定点裂变双轨商城系统开发:原理、架构与实战指南
运维·小程序·架构·系统开发
驳是1 天前
入坑 UniApp 写小程序,一些感受
微信小程序
小码哥0681 天前
2026陪诊小程序与APP开发技术分析
大数据·人工智能·小程序