会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
肖祥
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
···
66
下一页
2025年10月31日
uni-app x开发商城系统,社区图片,左侧结构样式,数据渲染,点击高亮
摘要: 一、概述 上一篇文章,已经实现了联系我们,地图显示,拨打电话。 接下来,实现社区图片,左侧结构样式,效果如下: 二、scroll-view 可滚动视图区域。用于区域滚动。 官方文档:https://uniapp.dcloud.net.cn/component/scroll-view.html 修改
阅读全文
posted @ 2025-10-31 16:58 肖祥
阅读(3)
评论(0)
推荐(0)
2025年10月30日
uni-app x开发商城系统,联系我们,地图显示,拨打电话
摘要: 一、概述 上一篇文章,已经实现了商品列表数据,上下拉动,动态加载。 接下来,实现联系我们,地图显示,拨打电话,效果如下: 二、联系我们 修改 pages/contact/contact.uvue文件,增加view 完整代码如下: <template> <view class="contact"> <
阅读全文
posted @ 2025-10-30 17:39 肖祥
阅读(10)
评论(0)
推荐(0)
2025年10月17日
uni-app x开发商城系统,实现上下拉动,动态加载数据
摘要: 一、概述 上一篇文章,已经实现了商品列表组件封装以及使用。 但是商品列表页面,还需要实现,上下拉动,动态加载数据。 效果如下: 二、onReachBottom onReachBottom是微信小程序页面生命周期中的回调函数,用于检测页面是否滚动到最底部,并在触底时触发加载更多内容。 修改 pages
阅读全文
posted @ 2025-10-17 18:23 肖祥
阅读(53)
评论(0)
推荐(0)
uni-app x开发商城系统,商品列表组件封装以及使用
摘要: 一、概述 上一篇文章,已经实现了导航区域跳转,接下来要实现商品列表展示。 首页展示的,商品信息以及商品列表也,展示的页面数据,布局都是一样的。 没有必要重复写代码,因此可以将这些相同的内容,封装成一个组件,然后调用即可,节省代码,调试也方便。 二、封装组件 在uni-app x项目根目录,创建com
阅读全文
posted @ 2025-10-17 13:59 肖祥
阅读(21)
评论(0)
推荐(0)
uni-app x开发商城系统,导航区域跳转
摘要: 一、概述 上一篇文章,实现了商品数据展示,接下要做的是,导航区域几个icon的跳转。 点击不同的图标,跳转到不同的页面,使用uni.navigateTo实现。 效果如下: 二、实现跳转 需要在pages目录,创建好跳转的页面,比如:goods,contact,pics,videos,结构如下: ./
阅读全文
posted @ 2025-10-17 10:36 肖祥
阅读(16)
评论(0)
推荐(0)
uni-app x开发商城系统,商品列表
摘要: 一、概述 上一篇已经实现了Icon 图标显示,接下来,展示商品列表数据,效果如下: 二、布局页面 可以看到,显示为2列,每一列有2条数据。 这里依然使用flex布局,在开发的时候,我们可以在页面中,先把数据固定好,可以随意创造一些数据。 index.uvue代码如下: <template> <vie
阅读全文
posted @ 2025-10-17 00:21 肖祥
阅读(18)
评论(0)
推荐(0)
2025年10月16日
uni-app x开发商城系统,Icon 图标
摘要: 一、概述 基于字体的图标集,包含了大多数常见场景的图标。 官方文档:https://uview-plus.jiangruyi.com/components/icon.html 官方演示地址:https://uview-plus.jiangruyi.com/h5/#/pages/componentsA
阅读全文
posted @ 2025-10-16 16:41 肖祥
阅读(26)
评论(0)
推荐(0)
uni-app x开发商城系统,Swiper 轮播图
摘要: 一、概述 该组件一般用于导航轮播,广告展示等场景,可开箱即用,具有如下特点: 自定义指示器模式,可配置指示器样式 3D轮播图效果,满足不同的开发需求 可配置显示标题,涵盖不同的应用场景 具有设置加载状态和嵌入视频的能力,功能齐全丰富 官方文档:https://uview-plus.jiangruyi
阅读全文
posted @ 2025-10-16 15:00 肖祥
阅读(39)
评论(0)
推荐(0)
uni-app x开发商城系统,tabBar
摘要: 一、概述 使用uni-app x框架开发的一款多平台支持的电子商务平台。它的主要特点是一次开发,多处使用,可以同时在Android,iOS,鸿蒙next,Web,微信小程序等多个平台上运行。 效果如下: 二、tabBar 如果应用是一个多 tab 应用,可以通过 tabBar 配置项指定一级导航栏,
阅读全文
posted @ 2025-10-16 13:31 肖祥
阅读(60)
评论(0)
推荐(0)
2025年10月15日
uni-app x封装request,统一API接口请求
摘要: 一、概述 uni-app x 提供了 uni.request() 方法。 uni.request({ url: 'https://api.example.com', method: 'GET' }) 在实际项目开发中,直接使用 uni.request 会带来诸多问题,例如: 重复代码多(如每次都要写
阅读全文
posted @ 2025-10-15 09:38 肖祥
阅读(365)
评论(0)
推荐(2)
上一页
1
2
3
4
5
6
···
66
下一页
公告