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

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

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

红白机
红白机

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

有没有转场动画?

引用来自“airyland”的评论

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

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

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

引用来自“airyland”的评论

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

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

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

引用来自“错觉”的评论

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

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

有没有转场动画?
开发中
世尘悉洞
世尘悉洞
现在基于Vue那个版本的啊?
错觉
错觉
发送位置 引用高德地图啥的都咋弄啊
红白机
红白机
有没有转场动画?
JRoger_
JRoger_

引用来自“JRoger_”的评论

会有版权问题吗?

引用来自“airyland”的评论

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

引用来自“JRoger_”的评论

会有版权问题吗?
谁的版权?所有依赖都是MIT协议。
返回顶部
顶部