在进行微信小程序开发时，可能会用到图片，而且将图片布局成瀑布流的形式。那么，具体是怎么实现的呢？

工具/原料

  • 微信小程序
  • 微信小程序开发工具
  • 截图工具
  • PPT2019
  • 台式机

方法/步骤

  1. 1

    打开微信小程序开发工具，用户扫码登录；创建一个微信小程序项目

  2. 2

    创建好的项目有index文件夹以及文件，如果要新建模块，可以创建一个user

  3. 3

    打开app.json文件，添加一个tabBar，并添加list（首页和用户）

  4. 4

    在小程序项目中新建一个目录image，将两张图片拷贝进去

  5. 5

    打开index.wxml文件，添加for循环和if判断语句，根据不同条件展示图片

  6. 6

    接着打开index.js文件，在data对象中初始化对象list并赋初值

  7. 7

    在index.wxss文件中，定义图片的宽度和高度，并控制奇偶显示图片的样式

  8. 8

    保存代码并进行编译，查看左侧模拟器显示的效果

    END

总结

  • 1、打开工具创建小程序

    2、页面布局绑定图片源

    3、保存代码查看效果图

    END

注意事项

  • 注意如何实现微信小程序瀑布流方法
  • 注意如何在小程序中引入图片
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。