10 2025 档案
摘要:一、概述 上一篇文章,已经实现了商品列表组件封装以及使用。 但是商品列表页面,还需要实现,上下拉动,动态加载数据。 效果如下: 二、onReachBottom onReachBottom是微信小程序页面生命周期中的回调函数,用于检测页面是否滚动到最底部,并在触底时触发加载更多内容。 修改 pages
阅读全文
摘要:一、概述 上一篇文章,已经实现了导航区域跳转,接下来要实现商品列表展示。 首页展示的,商品信息以及商品列表也,展示的页面数据,布局都是一样的。 没有必要重复写代码,因此可以将这些相同的内容,封装成一个组件,然后调用即可,节省代码,调试也方便。 二、封装组件 在uni-app x项目根目录,创建com
阅读全文
摘要:一、概述 上一篇文章,实现了商品数据展示,接下要做的是,导航区域几个icon的跳转。 点击不同的图标,跳转到不同的页面,使用uni.navigateTo实现。 效果如下: 二、实现跳转 需要在pages目录,创建好跳转的页面,比如:goods,contact,pics,videos,结构如下: ./
阅读全文
摘要:一、概述 上一篇已经实现了Icon 图标显示,接下来,展示商品列表数据,效果如下: 二、布局页面 可以看到,显示为2列,每一列有2条数据。 这里依然使用flex布局,在开发的时候,我们可以在页面中,先把数据固定好,可以随意创造一些数据。 index.uvue代码如下: <template> <vie
阅读全文
摘要:一、概述 基于字体的图标集,包含了大多数常见场景的图标。 官方文档:https://uview-plus.jiangruyi.com/components/icon.html 官方演示地址:https://uview-plus.jiangruyi.com/h5/#/pages/componentsA
阅读全文
摘要:一、概述 该组件一般用于导航轮播,广告展示等场景,可开箱即用,具有如下特点: 自定义指示器模式,可配置指示器样式 3D轮播图效果,满足不同的开发需求 可配置显示标题,涵盖不同的应用场景 具有设置加载状态和嵌入视频的能力,功能齐全丰富 官方文档:https://uview-plus.jiangruyi
阅读全文
摘要:一、概述 使用uni-app x框架开发的一款多平台支持的电子商务平台。它的主要特点是一次开发,多处使用,可以同时在Android,iOS,鸿蒙next,Web,微信小程序等多个平台上运行。 效果如下: 二、tabBar 如果应用是一个多 tab 应用,可以通过 tabBar 配置项指定一级导航栏,
阅读全文
摘要:一、概述 uni-app x 提供了 uni.request() 方法。 uni.request({ url: 'https://api.example.com', method: 'GET' }) 在实际项目开发中,直接使用 uni.request 会带来诸多问题,例如: 重复代码多(如每次都要写
阅读全文
摘要:一、概述 uView-Plus官网提供完整框架文档与资源下载,是兼容多端开发的uni-app生态框架,支持安卓、iOS、微信小程序等10个平台。 uView-Plus官网及框架概述 官网入口:主文档站(uiadmin.net)|GitHub Pages(ijry.github.io)。包含组
阅读全文
摘要:一、概述 uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎。 uni-app x 是一个庞大的工程,它包括uts语言、uvue渲染引擎、uni的组件和API、以及扩展机制。 uts是一门类ts的、跨平台的、新语言。 uts在Android平台编译为kotlin、在iOS平台编译
阅读全文

浙公网安备 33010602011771号