# PFUNI

**Repository Path**: panfu/PFUNI

## Basic Information

- **Project Name**: PFUNI
- **Description**: PFUNI一款基于UNI-APP开发跨平台应用实现的精致移动端组件库，编写一套代码, 可编译到iOS、Android、H5、小程序等多个平台。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 35
- **Forks**: 6
- **Created**: 2019-03-15
- **Last Updated**: 2025-10-28

## Categories & Tags

**Categories**: cross-platform-mobiledev

**Tags**: None

## README

# PFUIN

#### 介绍
PFUIN一款基于UNI-APP开发跨平台应用实现的精致移动端组件库，编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。
官网地址：http://www.pfuni.cn 
参考地址：https://www.dcloud.io/

#### 软件架构
```bash
├── common                                      #公用文件
     ├── common                                      #css文件
	 ├── data                                      #测试数据(可删除)  
	 ├── js                                        #js文件 
	     ├── api                                        #接口地址文件 
		 ├── lang                                        #语言文件
		 ├── libs                                        #共用JS库  
		 ├── tools                                       #共用JS工具和方法  
├── components                                  #uni-app组件目录
     └─Dialog.vue                               #可复用的Dialog组件
	 └─Toast.vue                                #可复用的Toast组件
├── common                                      #配置文件	 
|── font                                        #样式文件
├── pages                                       #业务页面文件存放的目录
│  ├─components                                 #组件实例 
     └─Dialog.vue                               #Dialog实例及文档
	 └─Toast.vue                                #Toast实例及文档
│  ├─index
│  │  └─index.vue                               #index页面-所有组件入口
│  └─list
│     └─list.vue                                #list页面
├─static                #存放应用引用静态资源（如图片、视频等）的地方，注意：静态资源只能存放于此
├─views                 #分包处理-subPackages分包常用实例
    └─list
       └─list.vue                                #LoadingMore上拉加载更多页面
├─main.js               #Vue初始化入口文件
├─App.vue               #应用配置，用来配置App全局样式以及监听 应用生命周期
├─manifest.json         #配置应用名称、appid、logo、版本等打包信息，
├─pages.json            #配置页面路由、导航条、选项卡等页面类信息	   
├─package.json          #项目及工具的依赖配置文件
├─README.md             #说明
```


#### 使用说明

1. 在网址https://uniapp.dcloud.io查看基础文档
2. 需下载HBuilderX来打包项目
3. 注：由于此组件基于uni-app实现，所以在使用之前，请确保自己了解过!
4. 需使用命令npm install安装依赖 


#### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

- 操作步骤
```bash
1.切换到基础分支，如主干
git checkout dev

2.创建并切换到新分支
git checkout -b dev
git branch可以看到已经在dev分支上

3.更新分支代码并提交
git add *
git commit -m "创建dev分支"
git push origin dev
```

#### 成功案例

![Image text](https://gitee.com/panfu/PFUNI/raw/master/static/logo/logo.png)
![Image text](https://gitee.com/panfu/PFUNI/raw/master/static/logo/logo2.png)
![Image text](https://gitee.com/panfu/PFUNI/raw/master/static/logo/logo3.png)


#### 技术选型

技术 | 说明 | 官网
----|----|----
uniapp | 基础框架 | [https://uniapp.dcloud.net.cn/](https://uniapp.dcloud.net.cn//)
Vue | 前端框架 | [https://vuejs.org/](https://vuejs.org/)
Vue-router | 路由框架 | [https://router.vuejs.org/](https://router.vuejs.org/)
Vuex | 全局状态管理框架 | [https://vuex.vuejs.org/](https://vuex.vuejs.org/)
Element | 前端UI框架 | [https://element.eleme.io/](https://element.eleme.io/)
Axios | 前端HTTP框架 | [https://github.com/axios/axios](https://github.com/axios/axios)
uCharts | uCharts高性能跨全端图表 | [https://www.ucharts.cn/](https://www.ucharts.cn/)
nprogress | 进度条控件 | [https://github.com/rstacruz/nprogress](https://github.com/rstacruz/nprogress)
vue-i18n | 多语言处理 | [http://kazupon.github.io/vue-i18n/](http://kazupon.github.io/vue-i18n/)
vue-puzzle-vcode | 滑动验证 | [https://github.com/javaLuo/vue-puzzle-vcode](https://github.com/javaLuo/vue-puzzle-vcode)
vuedraggable| 可拖拽组件 | [https://github.com/SortableJS/Vue.Draggable](https://github.com/SortableJS/Vue.Draggable)
vuedraggable| 可拖拽组件 | [https://github.com/SortableJS/Vue.Draggable](https://github.com/SortableJS/Vue.Draggable)
vue-quill-editor| 富文本编辑器 | [https://github.surmon.me/vue-quill-editor/](https://github.surmon.me/vue-quill-editor/)
VueTreeselect| 多选树形控件 | [https://www.vue-treeselect.cn/](https://www.vue-treeselect.cn/)


#### git同时发布多个平台
```bash
[core]
	repositoryformatversion = 0
	filemode = false
	bare = false
	logallrefupdates = true
	symlinks = false
	ignorecase = true
[remote "origin"]
	url = https://github.com/panfu163/PFUNI.git
	url = https://gitee.com/panfu/PFUNI.git
	fetch = +refs/heads/*:refs/remotes/origin/*
[branch "master"]
	remote = origin
	merge = refs/heads/master
```