GitHub Gitee 📄 MIT License ⭐ 欢迎 Star

开源轻量版
community-saas-lite

基于 uni-app + uView UI 的智慧社区业主端小程序开源模板。
80+ 精选 UI 组件 · 5 个精品 Demo 页面 · MIT 协议 · 即开即用

⭐ Star on GitHub 同步镜像 Gitee 快速开始 ↓

80+

UI Components

Demo Pages

MIT

开源协议

∞

社区共建

核心特性

为什么开发者选择 community-saas-lite？

基于 5 年智慧物业实战沉淀，抽象出最常用的 UI 组件和页面骨架，让你 5 分钟搭出第一个 demo。

🎨

80+ UI 组件

按钮 / 表单 / 列表 / 弹窗 / 选择器 / 上传 / 评分 / 导航栏等，覆盖小程序常见交互场景

📱

多端兼容

基于 uni-app，一套代码同时发布微信小程序、H5、App，最大化复用代码资产

🧩

easycom 自动引入

u- 前缀组件无需手动 import，按需编译，极致轻量，开发体验流畅

🚀

5 个 Demo 页面

首页模版 / 组件演示 / 表单示例 / 列表演示 / 个人中心，覆盖社区应用 90% 场景

Quick Start

5 分钟跑起来

零配置启动 · HBuilderX 导入即可运行 · 支持命令行 dev 模式

~/workspace/community-saas-lite

1# 克隆项目
2$ git clone https://github.com/yszyun/community-saas-lite.git
3
4# 进入目录
5$ cd community-saas-lite
6
7# 安装依赖
8$ npm install
9
10# HBuilderX 打开项目 → 运行 → 运行到微信小程序
11# 或命令行启动
12$ npm run dev:mp-weixin
13# → 项目已成功跑起来 🚀

Project Structure

清晰的项目结构

pages / scaffold / static 三大目录分工明确，新人 10 分钟就能上手

📁 源码目录结构

community-saas-lite/
├── pages/ # 页面目录
│ ├── demo/ # 5 个演示页面
│ │ ├── home.vue # 首页模版
│ │ ├── index.vue # 组件演示
│ │ ├── form.vue # 表单示例
│ │ ├── list.vue # 列表演示
│ │ └── mine.vue # 个人中心
│ └── about/ # 关于页
├── scaffold/ # 80+ UI 组件库（基于 uView）
│ ├── components/ # 组件源码
│ ├── libs/ # 工具库
│ └── index.js # 组件库入口
├── static/ # 静态资源
├── App.vue # 应用入口
├── main.js # Vue 入口
├── pages.json # 页面路由配置
└── manifest.json # uni-app 配置

🧩 内置组件一览 8 大类

基础 | Button, Icon, Image, Link, Tag, Badge, Avatar, Loading

表单 | Input, Radio, Checkbox, Switch, Slider, Rate, Upload, Picker, Select, Form

布局 | Row, Col, Gap, Divider, Card, Grid

导航 | Navbar, Tabbar, Tabs, Steps, Dropdown, Sticky

列表 | Cell, CellGroup, IndexList, SwipeAction

反馈 | Toast, Modal, ActionSheet, NoticeBar, AlertTips, TopTips, NoNetwork

展示 | Swiper, Collapse, CountDown, CountTo, ReadMore, Section, Waterfall, Timeline

其他 | Calendar, Keyboard, Parse, Skeleton, BackTop, Empty, Loadmore

Lite vs 商业版

开源版足够做 Demo，
商业版才能跑生产

开源版是开发者体验入口，商业版「智慧家园」覆盖完整生产场景。
看完对比表，你就知道什么场景需要升级。

功能	开源版 community-saas-lite	商业版智慧家园 SaaS
80+ UI 组件库	✓	✓
多端兼容（uni-app）	✓	✓
物业缴费 + 账单管理	—	✓
停车管理 + 月租车	—	✓
故障报修 + 派单流转	—	✓
积分商城	—	✓
人脸门禁 / 智能硬件对接	—	✓
微信支付 + 自动对账	—	✓
管家客服 + 工单系统	—	✓
物业后台 PC	—	✓
多小区 SaaS 隔离	—	✓
技术运维 + 版本升级	—	✓

💡 开源版是开发者体验入口，商业版由我们团队提供完整生产级功能 + 持续运维保障

Tech Stack

现代化技术栈

站在开源巨人的肩膀上，让开发者聚焦业务逻辑

uni-app Vue 2.x uView UI 1.x JavaScript ES6+ SCSS TypeScript Ready HBuilderX MIT License

Community

加入社区共建

Issue / PR / Showcase 三种方式参与 · 优质贡献将被记录在 README

🐛

提 Issue

发现 Bug？有功能建议？欢迎到 GitHub/Gitee 提 Issue，我们会尽快回复

提交 Issue →

🔧

提 PR

Bug 修复 / 新组件 / 文档改进，都可以提 Pull Request，我们会认真 review

提交 PR →

🌟

Showcase 分享

用本模板做出了自己的项目？欢迎在 Issue 分享，我们收录到 README 致谢区

联系我们 →

从开源出发，
到商业版完整场景

无论你是个人开发者学习、小团队快速验证、还是物业公司寻找完整方案，
我们都为你准备了合适的路径。

⭐ Star on GitHub Gitee 同步镜像体验商业版 →

开源轻量版community-saas-lite