近期VUE及周边笔记--YDUI框架
作者:admin 日期:2017-09-24YDUI是基于vue2.0的一个功能齐全的UI框架,就我个人的应用范围来说,比element ui更适合我的需要。可能他的组件配置并没有ele那么强大而齐全,但是简练的风格反而更适合于中小移动端项目。
我主要使用这些组件:
- flexible组件,用于rem-px单位转换,默认单位是10,好转脑子。
- 弹窗,只有几个参数,适用于不复杂的情况。
- 日期选择器,weui风格的,从底部向上弹出。
- 滚动加载(yd-infinitescroll)
- 数字动画 (CountUp)
其它的一些组件,别的库中也有,或是可以自己手写出来,并不是完全依赖。
要注意的事及BUG:
1、这个库的版本更新很快,如果发现参数无效等奇怪的情况,请先检查版本。比如yd-infinitescroll的不同版本写法就不一样。
2、flexible组件,对于窗口宽度的变化是有范围的。
Javascript代码
- //ydui.flexible.js,以下的11.2会在宽420像素以上停止变化,改为21.2后,会在768像素以上才停
- return n.style.fontSize = 5 * Math.max(Math.min(t / 750 * 20, 21.2), 8.55) + "px", e
3、ydui中把所有的链接都渲染为"router-link"的解决办法。查找ydui.js,把所有的"router-link"改为"a"
把所有的attrs:{to:改为attrs:{href:
4、一些bug可以到ydui的github去查找issue,说不定会有意外收获。
评论: 0 | 引用: 0 | 查看次数: 27515
发表评论