肖祥

摘要： 一、概述 上一篇文章，已经实现了商品列表点击跳转至商品详情页 接下来实现，商品详情轮播图，样式结构，数据渲染 效果如下： 二、商品详情轮播图 修改 pages/googs/goods-detail.uvue，新增轮播图 完整代码如下： <template> <view> <view class="g 阅读全文

摘要： 一、概述 上一篇文章，已经实现了资讯详情页面数据渲染 接下来实现，商品列表点击跳转至商品详情页。 点击首页推荐商品，以及网上超市的商品，都可以显示id 效果如下： 二、商品列表组件传递id 修改components/goods-list/goods-list.uvue文件， 子组件触发（emit） 阅读全文

摘要： 一、概述 上一篇文章，已经实现了资讯列表跳转详情并传递id 接下来实现，资讯详情页面数据渲染 效果如下： 二、资讯详情页面结构 修改 pages/news/news-detail文件，固定一行数据 <template> <view> <!-- 资讯页 点击跳转--> <view class="new 阅读全文

摘要： 一、概述 上一篇文章，已经实现了资讯列表结构，数据渲染，news-item组件封装。 接下来，实现资讯列表跳转详情并传递id 效果如下： 二、资讯详情页面 资讯详情页面，先简单写一下，显示id即可 新建文件 pages/news/news-detail.uvue，完整内容如下： <template> 阅读全文

摘要： 一、概述 上一篇文章，已经实现了社区图片右侧数据渲染，预览图片。 接下来，实现资讯列表结构，数据渲染，news-item组件封装 效果如下： 二、资讯列表结构 修改 pages/news/news.uvue文件，固定一行数据 完整代码如下： <template> <view> <!-- 资讯 --> 阅读全文

摘要： 一、概述 上一篇文章，已经实现了社区图片，左侧结构样式，数据渲染，点击高亮。 接下来，实现社区图片右侧数据渲染，预览图片。 整体效果如下： 二、api接口调用 点击每个分类，需要调用api接口 修改 pages/pics/pics.uvue文件，修改方法leftCliclActive，调用api / 阅读全文

摘要： 一、概述 上一篇文章，已经实现了联系我们，地图显示，拨打电话。 接下来，实现社区图片，左侧结构样式，效果如下： 二、scroll-view 可滚动视图区域。用于区域滚动。 官方文档：https://uniapp.dcloud.net.cn/component/scroll-view.html 修改  阅读全文

摘要： 一、概述 上一篇文章，已经实现了商品列表数据，上下拉动，动态加载。 接下来，实现联系我们，地图显示，拨打电话，效果如下： 二、联系我们 修改 pages/contact/contact.uvue文件，增加view 完整代码如下： <template> <view class="contact"> < 阅读全文

摘要： 一、概述 上一篇文章，已经实现了商品列表组件封装以及使用。 但是商品列表页面，还需要实现，上下拉动，动态加载数据。 效果如下： 二、onReachBottom onReachBottom是微信小程序页面生命周期中的回调函数，用于检测页面是否滚动到最底部，并在触底时触发加载更多内容。 修改 pages 阅读全文

摘要： 一、概述 上一篇文章，已经实现了导航区域跳转，接下来要实现商品列表展示。 首页展示的，商品信息以及商品列表也，展示的页面数据，布局都是一样的。 没有必要重复写代码，因此可以将这些相同的内容，封装成一个组件，然后调用即可，节省代码，调试也方便。 二、封装组件 在uni-app x项目根目录，创建com 阅读全文