Vux v0.1.2 发布,基于 Vue 和 WeUI 的 UI 组件库 - 开源中国社区
Vux v0.1.2 发布,基于 Vue 和 WeUI 的 UI 组件库
airyland 2016年07月08日

Vux v0.1.2 发布,基于 Vue 和 WeUI 的 UI 组件库

airyland airyland 发布于2016年07月08日 收藏 71

有免费的MySQL,为什么还要买? >>>  

Hi, Vux 0.1.2发布了。

发布说明:https://github.com/airyland/vux/releases/tag/v0.1.2

demo链接:https://vux.li/

1.拆分WeUI样式,不需要引入vux.css

该版本最大的变化是拆分了WeUI样式到各个组件,真正实现按需加载。唯一需要引入的是reset样式。reset样式可以根据需要自行编写或者直接引入。具体调整如下:

  • 不再需要也不推荐引入vux.css, 这是所有组件的样式集合

  • 手动引入reset样式或者自行实现

  • vue-cli项目不再需要任何其他样式,组件里已经包含了样式

  •  常规项目需要手动引入每个组件的样式,位于 dist/components/$name/.css

1.从旧版本升级

(1)如果是 vue-cli 创建的项目并且引用.vue组件

请删除原来vux.css的引入并手动在App.vue引入reset.less

< lang="less"> @import '~vux/src/s/reset'; </>

注意:因为当前vue-loader在构建时并不能对重复样式进行删除,所以需要手动引用cssnano处理一下,参考: https://github.com/airyland/vux/blob/master/build/nano-css.js

(2)如果是常规形式的项目

请删除全量vux.css的引入并直接引入 reset.css

<link rel="sheet" type="text/css" href="vux/dist/s/reset">

为每个调用到的组件引入相应的样式,如tab组件

<link rel="sheet" type="text/css" href="vux/dist/components/tab/.css">

常规形式的项目上线前请使用合并压缩工具进行处理。

2.工具样式说明

工具样式包括1px解决方案等,位于 src/s/.less,对于常规项目,请使用 /dist/s/.css

3.组件说明

    Checklist

  • [change] title属性不再必需

  • [enhance] 当没有title时隐藏title所在div @datoulei

    Popup

  • [new] 添加hideOnBlur属性,支持点击遮罩时不自动关闭popup @unclay

  • [fix] 修复Popup里使用popup时遮罩关闭的逻辑(并不推荐这样使用) @unclay

    Dialog

  • [new] 添加hideOnBlur属性,支持点击遮罩时关闭弹窗 @chenyun

    XSwiper

  • [new] 添加XSwiper组件,用于更复杂的swiper需求 @xingangsun

    Swiper

  • [new] 添加loop属性,支持循环轮播 @unclay

  • [new] 添加dotsClass属性,用于定义dots样式 #302

  • [new] 支持链接使用v-router link值

    Datetime

  • [change] 添加placeholder, value不再可以设置为提示文字

    PopupPicker, Address

  • [new] 支持on-show, on-hide事件 #300

    Checker

  • [new] 支持多选 #289

    Tabbar

  • [fix] 修复没有使用vue-router时报错 #295

    Scroller

4. 针对vue-cli的vuxjs/webpack模板,方便用户快速上手

现在可以在创建项目时指定vuxjs模板了, 引入了vue-router, 妈妈再不也不担心会忘写viewport设置,不会(忘记)设置loader的问题了~

vue init vuxjs/webpack
本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:Vux v0.1.2 发布,基于 Vue 和 WeUI 的 UI 组件库
分享
评论(26)
最新评论
0

引用来自“红白机”的评论

有没有转场动画?

引用来自“airyland”的评论

开发中
期待啊。现在用web做手机开发的,就讲究流畅和体验。
0

引用来自“世尘悉洞”的评论

现在基于Vue那个版本的啊?

引用来自“airyland”的评论

1.x 2.0还没正式发布,也暂未支持
了解了。
0

引用来自“世尘悉洞”的评论

现在基于Vue那个版本的啊?
1.x 2.0还没正式发布,也暂未支持
0

引用来自“错觉”的评论

发送位置 引用高德地图啥的都咋弄啊
这好像和vue没什么关系吧 得看高德地图sdk吧
0

引用来自“红白机”的评论

有没有转场动画?
开发中
0
现在基于Vue那个版本的啊?
0
发送位置 引用高德地图啥的都咋弄啊
0
有没有转场动画?
0

引用来自“JRoger_”的评论

会有版权问题吗?

引用来自“airyland”的评论

谁的版权?所有依赖都是MIT协议。
0

引用来自“JRoger_”的评论

会有版权问题吗?
谁的版权?所有依赖都是MIT协议。
0
会有版权问题吗?
0

引用来自“lengspring”的评论

能否加个聊天界面组件?类似qq、微信?

引用来自“airyland”的评论

考虑中
加油
0

引用来自“lengspring”的评论

能否加个聊天界面组件?类似qq、微信?
考虑中
0

引用来自“554330833a”的评论

请问这是css库吗?
不是 是包含交互的组件库
0
能否加个聊天界面组件?类似qq、微信?
0
请问这是css库吗?
0

引用来自“yaoba”的评论

啥时候把滑动删除的加上呀:)

引用来自“airyland”的评论

很快13
很好:)
0

引用来自“yaoba”的评论

啥时候把滑动删除的加上呀:)
很快13
0
啥时候把滑动删除的加上呀:)
0

引用来自“cyper”的评论

完美, 希望除了API Reference, 能多出些教程, 高手们能出本书.~~~~
教程会完善的,出书这个不大可能啊
顶部