摘要：
一、概述 上一篇文章，已经实现了商品列表组件封装以及使用。 但是商品列表页面，还需要实现，上下拉动，动态加载数据。 效果如下： 二、onReachBottom onReachBottom是微信小程序页面生命周期中的回调函数，用于检测页面是否滚动到最底部，并在触底时触发加载更多内容。 修改 pages 阅读全文
posted @ 2025-10-17 18:23
肖祥
阅读(24)
评论(0)
推荐(0)
摘要：
一、概述 上一篇文章，已经实现了导航区域跳转，接下来要实现商品列表展示。 首页展示的，商品信息以及商品列表也，展示的页面数据，布局都是一样的。 没有必要重复写代码，因此可以将这些相同的内容，封装成一个组件，然后调用即可，节省代码，调试也方便。 二、封装组件 在uni-app x项目根目录，创建com 阅读全文
posted @ 2025-10-17 13:59
肖祥
阅读(7)
评论(0)
推荐(0)
摘要：
一、概述 上一篇文章，实现了商品数据展示，接下要做的是，导航区域几个icon的跳转。 点击不同的图标，跳转到不同的页面，使用uni.navigateTo实现。 效果如下： 二、实现跳转 需要在pages目录，创建好跳转的页面，比如：goods，contact，pics，videos，结构如下： ./ 阅读全文
posted @ 2025-10-17 10:35
肖祥
阅读(11)
评论(0)
推荐(0)
摘要：
一、概述 上一篇已经实现了Icon 图标显示，接下来，展示商品列表数据，效果如下： 二、布局页面 可以看到，显示为2列，每一列有2条数据。 这里依然使用flex布局，在开发的时候，我们可以在页面中，先把数据固定好，可以随意创造一些数据。 index.uvue代码如下： <template> <vie 阅读全文
posted @ 2025-10-17 00:21
肖祥
阅读(9)
评论(0)
推荐(0)
浙公网安备 33010602011771号