# vue-perfectUI

**Repository Path**: bosstuan/vue-perfectUI

## Basic Information

- **Project Name**: vue-perfectUI
- **Description**: 基于vue2.x开发的移动端UI组件库
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-10-30
- **Last Updated**: 2021-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 项目简介

本项目基于Vue2.x开发的移动端UI组件库，其中包括三大类组件，基础组件，高级组件，超级组件。组件十分轻量，并且组件的自定义样式十分灵活，可以通过父组件给子组件传值来修改子组件的诸多样式，组件的源代码里有大量的注释，有一定vue水平的人基本上都能看懂，使用者可以在原有的组件基础上进行扩展更多样式和功能！

# 如何安装？

终端执行命令 `git clone https://gitee.com/coderThinker/vue-perfectUI.git`克隆整个代码仓库到本地，然后提取目录/src/components/common这个文件夹，所有组件都在这一个文件夹内，可以根据需求提取需要的组件文件夹，也可提取全部组件。

# 如何测试？

终端执行命令`git clone https://gitee.com/coderThinker/vue-perfectUI.git`克隆整个代码仓库到本地后，cd进入到项目目录下执行命令`npm run serve`，等待一会儿，即可在浏览器中看到运行的demo！

# 有哪些组件？

## baseUI（基础组件）

* k-button（按钮）
* k-radio（单选框）
* k-checkbox（复选框）
* k-switch（开关）
* k-badge（徽标数）
* k-tags（标签）
* k-count（计数器）
* k-toast（弹出提示） 
* k-progress（进度条）
* k-slider（滑动选择器）

## highUI（高级组件）

* k-noticebar（跑马灯通知）
* k-search（搜索框）
* k-subsection（分段器）
* k-cell（单元格列表）
* k-table（表格）
* k-grid（宫格布局）
* k-picker（选择器）
* k-scroll（滚动容器）
* k-lazyload（图片懒加载）
* k-dropdown（下拉菜单）

## superUI（超级组件）

* k-waterfall（瀑布流）
* k-popup（弹窗对话框）
* k-tabbar（底部导航）
* k-swiper（轮播图）
* k-tabs（顶部导航）
* k-steps（步骤条）
* k-indexlist（字母索引列表）
* k-barrage（弹幕）

# 目录说明

> public（公开资源目录）
>
> >index.html（html编译模板）
>
> src（源代码目录）
>
> >assets（资源目录）
> >
> >>css（css样式目录）
> >>
> >>img（图片资源目录）
> >
> >common（公开js文件目录）
> >
> >components（组件目录）
> >
> >>common（封装的公用组件目录）
> >>
> >>content（当前项目使用的组件内容）
> >
> >network（网络请求模块目录）
> >
> >router（页面路由目录）
> >
> >store（状态管理目录）
> >
> >views（页面级组件目录）