v-uni-app ui Bate版(1.0.3)

一、框架定位

1.新一代轻量级跨端解决方案​。
2.基于 Uni-App 的自研 UI 框架 vuniapp 设计方案。
3.专为 Uni-App 生态打造的模块化 UI 框架，面向高效开发与极致性能而生。

二、核心目标​​

| ​​特性​​ ​ | 技术实现​ | |----------|------------------------------------| | ​​零学习成本​ | 完全兼容 Uni-App 原生语法，支持 Vue3 版本 | | 原子化架构​ | 组件支持单文件独立运行，最低仅需 3KB 即可启用核心功能 | | 工程化友好​ | 独创 文件级按需加载 机制，无需配置构建工具 | | 智能样式​ | 基于 CSS 变量的主题系统，支持运行时动态换肤 | | 增强型组件​ | 内置数据驱动表单生成器、可视化布局编排器等进阶工具 |

二、框架结构​​

v-uni-app-ui ├─config │ ├─interface │ │ │ basic-type.js │ │ │ components-interface.ts │ │ │ │ │ └─monitor │ │ │ propert-monitor.js 监控 │ │ │ │ │ │ │ │ └─components 组件统一监控封装 │ │ │ │ │ └─props │ │ │ basic-props.ts │ │ │ props-tools.ts │ │ │ │ │ └─components 组件统一Props封装 │ │ │ ├─style │ │ │ base-style-generator.js │ │ │ basic.js │ │ │ component-registry.js │ │ │ components-style.js │ │ │ property-mapper.js │ │ │ │ │ └─components 组件统一Style封装 │ │ │ └─type 统一组件JSON接口 | ├─layout 布局组件 │ ├─model 模型组件 │ ├─compound 复合组件 │ │ │ └─native 原生组件 │ └─utils 工具包 validator.ts

1. Model 组件层​​（核心交互单元）

| 模块 | 功能特性 | 技术实现 | |------|--------------------|-----------------| | 原子组件 | Button/Input 等基础元素 | 基于 uni-app 封装 | | 复合组件 | 表单生成器/选择器/级联选择器 | 基于 原子组件 封装、可以随意删减复合组件 |

2.Layout 布局层​​（视觉编排系统）

| 模块 | 功能特性 | 技术实现 | |-------|---------|---------------------------| | 基础布局 | 多种流式布局 | CSS Flex / Grid + 自定义属性变量 | | 响应式系统 | 多端自适应方案 | - |

四、使用说明

五、支持环境

| 环境名称 | 是否支持 | |-----------|------| | APP（Vue3） | √ | | H5 | √ | | 微信小程序(H5) | √ | | 支付宝(H5) | √ | | 360小程序 | × | | 等等 | × |

五、支持设备

| 设备名称 | 是否支持 | |------|------| | 安卓 | √ | | IOS | √ | | 鸿蒙 | √ |

六、企业级应用案例

1. 湖南省政务平台《湘易办》
   • 应用场景​​：娄底市政务办事大厅系统
   • 技术亮点​​：实现 100+ 表单页面的可视化配置、跨端组件复用率达到 80%、核心业务模块开发效率提升 50%↑
   • 用户反馈​​："通过 v-uni-app 的布局系统，我们仅用 5 天就完成了原本需要 2 周工期的政务门户改版"

七、开发者生态

贡献者计划

| 角色 | 成员 | 主要贡献 | |-------|--------|----------------| | 核心开发者 | 方笔山、短短 | 框架架构设计、核心模块开发 | | 质量保障 | 抱歉、风 | 多端兼容性测试、性能优化 | | 社区运营 | 橙子 | 文档体系建设、开发者社区维护 |

高校合作

• 湖南工业大学
• 湖南师范大学

联系我们

| 渠道 | 联系方式 | 响应时间 | |------|----------------------------------|--------| | 紧急问题 | QQ: 2214685773 (12h 工单) | 12 小时内 | | 技术咨询 | [email protected] | 12 小时内 | | 文档中心 | https://docs.qq.com/doc/DWEVjQnZVbXBsdnBu | - | | GitEE 仓库 | https://gitee.com/kwc410/vuniapp | - |