更新记录
1.0.0(2025-08-25) 下载此版本
1.分类层级呈现:小程序以树状结构展示分类。设有一级分类作为大的类目板块,点击一级分类,会展开对应的二级分类; 2.步细化商品类别,方便用户精准定位; 3.每个分类都配有独特图标和清晰名称,让人一目了然。分类以列表或网格形式展示; 4.用户点击分类项,会有明显的交互反馈,引导用户进入下一级分类或商品列表页面。
平台兼容性
uni-app(4.07)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
uni-app x(4.07)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
# 服装商城分类插件
开发文档参考:https://hx.dcloud.net.cn
本插件使用步骤:
- 查找插件 进入插件市场:打开 HBuilderX 编辑器,点击菜单栏中的 “插件” -> “插件市场”,或者直接访问uni-app 插件市场官网 。 搜索插件:在插件市场的搜索框中输入关键词,查找本插件,比如搜索 “商城分类” 。 筛选插件:筛选出服装商城分类插件。
- 安装插件 方式一:在 HBuilderX 中安装 在插件市场找到目标插件后,点击进入插件详情页。 点击 “使用 HBuilderX 导入插件” 按钮(如果是免费插件,直接导入;如果是付费插件,需要先购买 )本插件是免费免费的喽。 选择要导入插件的 uni-app 项目,确认导入。导入成功后,插件会被放置在项目的 uni_modules 目录下。 方式二:通过命令行安装(适用于发布到 npm 的插件) 打开命令行工具,进入你的 uni-app 项目根目录。 执行 npm install 插件名称 命令,例如 npm install my-uniapp-plugin 。安装完成后,同样可以在项目的 uni_modules 目录下找到该插件。
- 配置插件(部分插件需要) 有些插件在使用前需要进行配置,比如设置插件的初始化参数、配置接口地址等
修改项目配置文件:可能需要在 manifest.json 文件的 uni_modules 字段中配置插件相关信息,比如插件的自定义参数。 在页面或全局中设置:部分插件要求在使用的页面或者全局的 main.js 中进行初始化设置.
3.1 引入插件
3-2 在入口文件添加静态数据,也可根据项目实际情况从后台获取商品信息数据,说见示例demo
- 测试与调试 功能测试:在不同的端(如 H5、微信小程序、App)上运行项目,检查插件的功能是否正常,比如 UI 组件的样式是否正确显示、交互功能是否正常触发;JS-SDK 插件的方法调用是否返回预期结果等。 调试排错:如果插件使用过程中出现问题,可以利用 HBuilderX 的调试工具进行排错。在插件代码中添加 console.log 输出调试信息,或者使用断点调试功能,定位问题所在,并根据插件的文档或向插件开发者反馈来解决问题。
- 发布项目 当项目开发完成,确认插件在各端都能正常工作后,就可以按照正常的流程发布 uni-app 项目了。无论是发布到小程序平台,还是打包成 App,插件都会随着项目一同发布,前提是插件的使用符合其授权协议。