# vue-perfectUI

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

## Basic Information

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

## Statistics

- **Stars**: 6
- **Forks**: 1
- **Created**: 2021-10-30
- **Last Updated**: 2024-11-05

## Categories & Tags

**Categories**: vue-extensions

**Tags**: Vue, 组件库

## README



# 项目简介

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

# 安装教程

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

# 组件介绍

## baseUI（基础组件）

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

## highUI（高级组件）

* [k-noticebar（滚动提示）](http://81.68.243.94/components/noticebar)
* [k-search（搜索框）](http://81.68.243.94/components/search)
* [k-subsection（分段器）](http://81.68.243.94/components/subsection)
* [k-cell（单元格列表）](http://81.68.243.94/components/cell)
* [k-table（表格）](http://81.68.243.94/components/table)
* [k-grid（宫格布局）](http://81.68.243.94/components/grid)
* [k-picker（选择器）](http://81.68.243.94/components/picker)
* [k-scroll（滚动容器）](http://81.68.243.94/components/scroll)
* [k-lazyload（图片懒加载）](http://81.68.243.94/components/lazyload)
* [k-dropdown（下拉菜单）](http://81.68.243.94/components/dropdown)
* k-scaleimg（缩放图片）
* k-loading（加载动画）
* k-shoplist（展示商品列表，参考交易猫）
* k-orderlist（展示我的订单，参考淘宝）
* k-collapse（折叠面板）
* k-readmore（展开阅读更多）
* k-update（更新提示）

## superUI（超级组件）

* [k-waterfall（瀑布流）](http://81.68.243.94/components/waterfall)
* [k-popup（弹窗对话框）](http://81.68.243.94/components/popup)
* [k-tabbar（底部导航）](http://81.68.243.94/components/tabbar)
* [k-swiper（轮播图）](http://81.68.243.94/components/swiper)
* [k-tabs（顶部导航）](http://81.68.243.94/components/tabs)
* [k-steps（步骤条）](http://81.68.243.94/components/steps)
* [k-indexlist（字母索引列表）](http://81.68.243.94/components/indexlist)
* [k-barrage（弹幕）](http://81.68.243.94/components/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（页面级组件目录）