lvshou-vcomponents

hxsapp.com 前端开发尝试和积累的 vue-components,目前组件的开发有三种覆盖：

• （1）vue格式文件来组件声明方式，业务来调用引入组件声明 ps：计划组内成员可以全部驾驭，工作在于支持业务和输出高质量的文档，难度点：★☆☆☆☆

• （2）js文件和vue格式混编的开发方式，使用全局js的函数api方式来调用组件 ps：计划组内成员部分驾驭，使用到vue实现对象的部分方法和属性调用，涉及dom操作联动，再要输出文档，难度点：★★☆☆☆

• （3）基于jsx语法的方式的vue格式文件，来声明组件 ps：计划组内成员部分驾驭，使用到vue属性的render方式来定义业务，去掉来template方式的声明html模版，难度点：★★★☆☆

最后，组件开发完毕之后，组件的跨项目调用，工程化打包后上传项目到npm上，难度点：★★★★☆

Installation

npm install lvshou-vcomponents

Import

import 'lvshou-vcomponents/dist/lvshou-vcomponents.min.css';
import { Loading, SolidArrow... } from 'lvshou-vcomponents';

Content

SlidDelete 滑动删除组件

Hint 透明提示组件

Loading 加载状态组件

FixedTitle 表头固定组件

ToTop 页面置顶组件

HollowArrow 空心箭头组件

SolidArrow 实心箭头组件

Round 圆形组件

ProgressBar 进度条组件

OmitText 文本省略组件

Banner 横幅组件

Demo

下载该项目，在文件根目录下依次输入命令行：

npm install
npm run dev

然后在浏览器里输入http://localhost:8089，即可看到组件 demo。

Changelog

2018.4.21

v0.1.6 * 添加滑动删除组件的删除按钮自定义

2018.4.17

v0.1.4 * 取消圆形组件、空心和实心箭头组件的绝对定位设置

v0.1.3 * 修改进度条组件高度设置，并去除多余样式

2018.3.26

v0.1.1 * 添加横幅组件

2018.3.11

v0.1.0 * 添加圆形组件、空心和实心箭头组件的激活状态

2018.2.28

创建文本省略组件

2018.2.26

v0.0.29 * 删除原箭头组件，创建空心箭头和实心箭头组件

2018.2.9

创建 README.md、进度条和圆形组件

2018.1.14

v0.0.27 * 创建箭头组件

2018.1.10

v0.0.25 * 初始化项目，创建滑动删除、透明提示、加载状态、表头固定、页面置顶组件

参考工具资料

http://www.mdeditor.com/