项目简介

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

安装教程

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

组件介绍

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（下拉菜单）
• k-scaleimg（缩放图片）
• k-loading（加载动画）
• k-shoplist（展示商品列表，参考交易猫）
• k-orderlist（展示我的订单，参考淘宝）
• k-collapse（折叠面板）
• k-readmore（展开阅读更多）
• k-update（更新提示）

superUI（超级组件）

• k-waterfall（瀑布流）
• k-popup（弹窗对话框）
• k-tabbar（底部导航）
• k-swiper（轮播图）
• k-tabs（顶部导航）
• k-steps（步骤条）
• k-indexlist（字母索引列表）
• k-barrage（弹幕）
• k-catalog（左侧滑目录）
• k-actionsheet（底部操作菜单）
• k-contactslist（聊天列表）
• k-keyboard（输入键盘）
• k-chatpanel（聊天面板）
• k-leftnavbar（左侧导航）
• k-forum（论坛，说说）
• k-login（登录页面）
• k-questionsys（问题系统）
• k-discuss（评论区）

目录说明

public（公开资源目录）

index.html（html编译模板）

src（源代码目录）

assets（资源目录）

css（css样式目录）

img（图片资源目录）

common（公开js文件目录）

components（组件目录）

common（封装的公用组件目录）

content（当前项目使用的组件内容）

network（网络请求模块目录）

router（页面路由目录）

store（状态管理目录）

views（页面级组件目录）