微信小程序

<!-- 瀑布流大概的思路就是,直接定义两列等宽的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>

相关推荐
流***陌1 小时前
扭蛋机 Roll 福利房小程序前端功能设计:融合趣味互动与福利适配
前端·小程序
亮子AI5 小时前
【小程序】微信小程序点击效果(view、button、navigator)
微信小程序·小程序
Q_Q5110082855 小时前
python+uniapp基于微信小程序团购系统
spring boot·python·微信小程序·django·uni-app·node.js·php
future_studio5 小时前
聊聊 Unity(小白专享、C# 小程序 之 加密存储)
开发语言·小程序·c#
炒毛豆5 小时前
uniapp微信小程序+vue3基础内容介绍~(含标签、组件生命周期、页面生命周期、条件编译(一码多用)、分包))
vue.js·微信小程序·uni-app
從南走到北5 小时前
洗车小程序系统
微信小程序·小程序
namehu7 小时前
前端性能优化之:图片缩放 🚀
前端·性能优化·微信小程序
dazhong20127 小时前
微信小程序开发实战指南(三)-- Webview访问总结
微信小程序·小程序
计算机毕业设计小帅8 小时前
【2026计算机毕业设计】基于Springboot的校园失物招领小程序
spring boot·小程序·课程设计
盛夏绽放10 小时前
关于 uni-app 与原生微信小程序中的生命周期 —— 一次“生命旅程”的解读
微信小程序·小程序·uni-app