yi-frames-js
v1.8.1
Published
The javaScript widgets and widgets for Yi-Frames
Downloads
12
Readme
The UI widgets of Yi-Frames
安装Yi-frames脚手架
First, 使用cnpm/npm/yarn 全局安装 Yeoman & generator-yi-frames.
cnpm i -g yo
cnpm i -g generator-yi-frames
Second,安装Yi-frames-js
- 同脚手架模板一起安装:下载脚手架模板到项目文件夹,自带yi-frames-ui模块:
yo yi-frames
* 单独安装
cnpm i --S yi-frames-js@版本号
[email protected]介绍
功能目录:
——ui:
1.pagination: 分页组件
2.dropLayer: 下拉菜单
——ui/swiper
[email protected] 滑动轮播
[email protected] (forIE)
5.tabs 选项卡
——ui/echarts
[email protected] 可视化图标
[email protected] (forIE)
8. subNav 竖式伸缩导航栏
9.上拉加载更多&下拉刷新
10.drag拖拽
——utils:
1.exp: 正则验证工具(支持手机号、邮箱、姓名等验证)
2.ua: 用户代理监测
3.countdown: 倒计时
4.html2img: 网页截图(配合[email protected])
[email protected] 解决移动端点击事件的300毫秒延迟
[email protected] 用户上传头像与手势截图
[email protected] 生成二维码
[email protected] js实用程序库
[email protected] 网页生成pdf文件(配合[email protected])
10.yiframesjsbridge js调取app原生功能
11.date 日期、时间处理的一些方法
12.dealURL url取参的处理,支持vue项目的hash模式下url的处理
——base:
1.getClass: 获取指定元素下所有指定类名的元素
2.eventUtil: DOM2级事件处理程序
组件功能及使用说明:
http://ep-svnserver30.tech.bitauto.com/FE/yi-widget/yi-frames-js/dist/html/demo/index.html
最新版更新说明:
使用es6语法(import和export/export default、promise等)
修改引入方式为 import {} from 'path/path';
License
MIT © 贾时龙Mapk Volkov