用途:当用户需要在 uni-app 中使用 uView UI(Vue 2 版)组件库时使用本技能,涵盖组件使用、工具函数、主题定制、uni-app 集成、表单、数据展示、导航与响应式布局等主题。
主要能力:技能内容按 uView 官方文档结构组织,分为起步、组件、工具、高级四部分。组件示例包括 Button、Input、Form、Table、Modal、Toast、Loading、Picker、Tabs、Navbar、Grid、Card、Badge、Swiper、List;工具示例包括 $u.toast、$u.http、$u.storage、$u.route、防抖与节流。api/ 目录提供组件 API、$u 工具方法与主题变量参考;templates/ 目录提供项目搭建与组件使用模板。
使用方式:先根据用户请求识别主题,再加载对应示例文件,例如 Button 对应 examples/components/button.md,Form 对应 examples/components/form.md,$u.http 对应 examples/tools/http.md,主题定制对应 examples/advanced/theme-customization.md,并遵循其中的语法、结构与最佳实践。
最佳实践(据资料):在 main.js 中用 Vue.use() 引入 uView,在 App.vue 引入样式,在 pages.json 配置 easycom 实现组件自动注册,使用 $u 对象调用工具函数,通过 SCSS 变量定制主题,注意 H5、小程序、App 多端兼容,布局使用 rpx,并关注性能与无障碍。
限制:资料未提供具体版本号、安装命令、收费或价格信息,也未给出各组件详细属性与参数,需查阅官方文档或 api/ 目录;示例均为 Vue 2.0 API 与 uni-app 语法,不适用于 Vue 3。官方文档见 https://www.uviewui.com/ ,GitHub 仓库为 https://github.com/umicro/uView ,uni-app 插件地址为 https://ext.dcloud.net.cn/plugin?id=1593 。