如何在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中清理垃圾
  • 游戏王决斗链接 如何快速升级
  • 热门搜索
    文明校园手抄报内容 春节英语手抄报内容 好书推荐手抄报 绿色环保手抄报内容 英语手抄报大全 关于劳动节的手抄报 家乡的变化手抄报 重阳节手抄报图片 中国梦的手抄报 爱牙手抄报