【TIPS】小组件分享

春节的时候在家闲着没事干的时候写了几个小功能的组件

h-refresh

github地址:https://github.com/hezhengjie/h-refresh

这是一个页面刷新模块,保证页面刷新或者回退到页面,页面的滚动条仍在原来位置 .

引入方式

 $ npm install @h-refresh --save //安装

 require('h-refresh')
 或者
 import 'h-refresh';

初始化

hRefresh();

demo

https://hezhengjie.github.io/h-refresh/demo/index.html

h-stick

这是一个滑动置顶,具体请看demo.
github地址:https://github.com/hezhengjie/h-stick

引入方式

 $ npm install @h-stick --save //安装

 require('h-stick')
 或者
 import 'h-stick';

初始化

hStick.init();

滑动置顶的元素添加class:sticky-wrap

demo

https://hezhengjie.github.io/h-stick/demo/index.html

vue-h-datepicker

基于Vue的移动端选择组件
github地址https://github.com/hezhengjie/vue-h-datepicker

版本

1.2
修复滑动过渡
增加自定义回调函数
修复字体大小获取
增加模式选择(日期和时间双模式)

2.0
vue 2.x 支持

Install

1.Vue 1.x 版本
npm install vue-h-datepicker@1.* --save

2.Vue 2.x版本
npm install vue-h-datepicker --save

Demo

https://hezhengjie.github.io/vue-h-datepicker/index.html

Usage



你可能感兴趣的:(【TIPS】小组件分享)