1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

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

本帖由 漂亮的石头2016-07-08 发布。版面名称:软件资讯

  1. 漂亮的石头

    漂亮的石头 版主 管理成员

    注册:
    2012-02-10
    帖子:
    487,974
    赞:
    47
    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
    Vux v0.1.2 发布,基于 Vue 和 WeUI 的 UI 组件库下载地址
     
正在加载...