近期VUE及周边笔记--YDUI框架

 YDUI是基于vue2.0的一个功能齐全的UI框架,就我个人的应用范围来说,比element ui更适合我的需要。可能他的组件配置并没有ele那么强大而齐全,但是简练的风格反而更适合于中小移动端项目。

我主要使用这些组件:

  • flexible组件,用于rem-px单位转换,默认单位是10,好转脑子。
  • 弹窗,只有几个参数,适用于不复杂的情况。
  • 日期选择器,weui风格的,从底部向上弹出。
  • 滚动加载(yd-infinitescroll)
  • 数字动画 (CountUp)
  • 其它的一些组件,别的库中也有,或是可以自己手写出来,并不是完全依赖。

    要注意的事及BUG:

    1、这个库的版本更新很快,如果发现参数无效等奇怪的情况,请先检查版本。比如yd-infinitescroll的不同版本写法就不一样。

    2、flexible组件,对于窗口宽度的变化是有范围的。

    Javascript代码
    1. //ydui.flexible.js,以下的11.2会在宽420像素以上停止变化,改为21.2后,会在768像素以上才停  
    2. 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,说不定会有意外收获。

     



    文章来自: 本站原创
    引用通告: 查看所有引用 | 我要引用此文章
    Tags:
    相关Beplay:
    评论: 0 | 引用: 0 | 查看次数: 22579
    发表评论
    昵 称:
    密 码:
    游客发言不需要密码.
    邮 箱:
    支持Gravatar头像.
    网 址:
    输入网址便于回访.
    内 容:
    验证码:
    选 项:

    虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
    字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭