如何在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中清理垃圾
  • 游戏王决斗链接 如何快速升级
  • 热门搜索
    节约用水手抄报简单画 防火手抄报 六一儿童节的手抄报 春天手抄报 防溺水手抄报 庆六一手抄报 读书手抄报 古诗手抄报 民族团结手抄报 关于消防安全的手抄报