如何在uni-app项目使用waterfall组件并查看效果

 时间:2024-10-13 03:32:51

1、在已新建uni-app项目中,新建页面,输入页面名称,然后点击创建

如何在uni-app项目使用waterfall组件并查看效果

2、这时,可以在pages文件夹下,生成user文件夹和user.vue文件

如何在uni-app项目使用waterfall组件并查看效果

3、打开项目中的pages.json文件,可以看到自动配置了新建页面路径

如何在uni-app项目使用waterfall组件并查看效果

4、打开已新建的user.vue文件,插入waterfall标签,并添加v-for循环

如何在uni-app项目使用waterfall组件并查看效果

5、在script标签中,定义数组变量nums,并赋值

如何在uni-app项目使用waterfall组件并查看效果

6、保存文件并运行,打开微信开发者工具,查看微信小程序生成文件和对应的效果

如何在uni-app项目使用waterfall组件并查看效果
  • 用家里的东西制作绿灯侠戒指,特别创意有趣
  • ammyy admin 3.5使用教程
  • 闪烁之光电脑版与模拟器教程
  • 如何在ipad中清理垃圾
  • 游戏王决斗链接 如何快速升级
  • 热门搜索
    战神4攻略 红烧扁鱼 重庆黑山谷旅游攻略 机械图纸怎么看 减肥粉 普陀山 攻略 广发信用卡积分怎么算 张大千简介 跑步减肥 齐云山旅游攻略