如何在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中清理垃圾
  • 游戏王决斗链接 如何快速升级
  • 热门搜索
    什么叫约数 小男人是什么意思 秉烛夜游是什么意思 膀大腰圆的意思 五一劳动节祝福 嫦娥古诗的意思 米娜桑什么意思 银行年后什么时候上班 研究生调剂是什么意思 什么动画电影好看