两个vue小插件

  1. https://github.com/MoonlightSmile/notice
    用this.$notice(text, [duration], [zIndex])指令来显示一个吐司框 避免Vue代码中每次用都要引入该组件

  2. https://github.com/MoonlightSmile/sticky
    你可以在dom上直接v-sticky让这个元素变为sticky你可以设置不同的option修改一些状态

  • <header v-sticky="options">Moonlight</header>

  • top 设置sticky的top位置，默认是0

  • 可选

    • isAutoHide设置sticky的元素是否可以自动隐藏（下滑隐藏，上滑显示）默认是false
    • animationDelay自动隐藏的时间默认0.6
    • offsetscrollTop是多少的时候开始自动隐藏默认300px
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,817评论 1赞 92
  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,026评论 19赞 139
  • 最是人間留不住，朱顏辭鏡花辭樹
    一过六点，天逐渐变暗了下来，同事开始纷纷离开办公室，我知道有人等她们逛美食节，有人约他们看电影等今晚倒数。在...
    Zeeling阅读 623评论 0赞 1
  • “爱情”我不敢轻易说出口的名词
    七夕节的时候，我喜欢的一个写作者，在微信公众号里发了一个“说出你心中爱情的样子”的公告。我想了几分钟，在留言中写下...
    禾静一阅读 386评论 0赞 7
  • 人的提防心理到底有多大？
    前几天同学聚会，女生们各个都精心打扮过，你们都懂得。 我和其中一个女同学的耳坠竟然撞衫了。不过我们也高兴于两个人的...
    双向养育良耳阅读 802评论 0赞 1