VUX 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
VUX 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
VUX 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
VUX 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
VUX 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 程序开发UI组件库
开源组织
地区 国产
适用人群 未知
收录时间 2016-03-07

软件简介

Vux(读音 [v'ju:z],同views)是基于 WeUI 和 Vue(2.x) 开发的移动端UI组件库,主要服务于微信页面。 

基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。 

vux-loader保证了组件按需使用,因此不用担心最终打包了整个vux的组件库代码。  

vux并不完全依赖于WeUI,但是尽量保持整体UI样式接近WeUI的设计规范。最初目标是创建一个易用,实用,美观的移动端UI组件库,现在离理想状态还有不少距离,因此需要大家及时反馈问题及贡献代码。 

即使你不使用vux的代码, 但能从源码得到一些参考那么也是件让人高兴的事情。

DEMO 体验地址

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (5)

加载中
打分: 推荐
为什么没有微信那种列表 左边大图片 右边标题和内容 这是最常用的样式吧
2017/08/03 20:08
回复
举报
你好。我配置了proxy,但是没有生效,请求没有得到代理。请问如何配置以访问后台服务,谢谢。
2017/01/03 13:22
回复
举报
这玩意儿就是默认界面太丑。有没有实际使用过的来说说感受?酸爽否? #vux#
2016/06/01 16:09
回复
举报
你好,文档里的datetime组件的change有错,应该换成on-change吧! #vux#
2016/09/08 16:25
回复
举报
作者大人有意出jq版本的吗?vue毕竟不熟悉.. #vux#
2016/10/18 15:01
回复
举报
更多评论
发表了资讯
2017/06/15 07:44

VUX 2.3.8 发布,基于 WeUI 的 Vue 移动端组件库

VUX 2.3.8 已发布。Vux是基于 WeUI 和 Vue(2.x) 开发的移动端UI组件库,主要服务于微信页面。 v2.3.8 更新内容: Checker [enhance] 当前选中 item 被 disabled 时清除值 #1479 Checklist [feature] 支持 prop:disabled 禁用操作 #1254 InlineCalendar [enhance] 不可见日期不可点击 #1564 PopupPicker [fix] 修复 iOS 低版本下 placeholder 无法显示的问题 #1293 Radio [feature] 支持 prop:disabled 禁用操作 #1254 [feature...

3
19
发表了资讯
2017/06/14 07:32

VUX 2.3.7 发布,基于 WeUI 的 Vue 移动端组件库

VUX 2.3.7 已发布。Vux是基于 WeUI 和 Vue(2.x) 开发的移动端UI组件库,主要服务于微信页面。 v2.3.7 更新内容: Datetime [feature] 可以使用 :show.sync 来控制控件显示 #1358 [fix] 修复格式为 YYYY-MM 时的日期范围错误 #1528 [feature] 支持通过 prop:hourList prop:minuteList 自定义小时和分钟列表 [fix] 开始日期年份应该覆盖最小年份(minYear) #1358 PopupPicker [feature] 添加 slot:title PopupRadio [feature] 添加...

3
18
发表了资讯
2017/06/13 07:14

VUX 2.3.6 发布,基于 WeUI 的 Vue 移动端组件库

VUX 2.3.6 已发布。Vux是基于 WeUI 和 Vue(2.x) 开发的移动端UI组件库,主要服务于微信页面。 v2.3.6 更新内容: Cell feature 支持多个箭头样式变量 Datetime feature 添加 slot:title feature 添加 prop:readonly fix 修复 scroller 支持数字类型引入的 bug #1406 InlineCalendar change render-function 参数 day => date(在 3.0 版本前不会影响目前使用)#1361 PopupRadio feature 添加 prop:readonly feature 添加 slot:i...

2
14
发表了资讯
2017/06/11 07:22

VUX 2.3.5 发布,基于 WeUI 的 Vue 移动端组件库

VUX 2.3.5 已发布。Vux是基于 WeUI 和 Vue(2.x) 开发的移动端UI组件库,主要服务于微信页面。 v2.3.5 更新内容: Actionsheet feature 支持 slot:header #1381 InlineCalendar feature 支持自定义每一天的 html 渲染 slot:each-day Radio feature 支持自定义渲染每一列 slot:each-item Search feature 增加 slot:left Swiper fix 修复重复渲染问题 #1458 Tab feature 支持设置 badge #1513 >>>【评论有礼】6月6日-30日评论每日更...

1
16
发表了资讯
2017/05/25 07:31

VUX v2.3.2 发布,基于 WeUI 的 Vue 移动端组件库

VUX v2.3.2 已发布。Vux是基于 WeUI 和 Vue(2.x) 开发的移动端UI组件库,主要服务于微信页面。 v2.3.2 更新内容: Checker enhance 支持在单选的情况下第二次点击时变成不选中当前项 #1468 Group feature gutter 属性允许为数字类型 XNumber fix 修复 min 不存在的判断 #1459 Date enhance 无时间参数时返回字符串 >>>【全民狂欢,评论有礼】5月15日-31日评论每日更新的“新闻资讯和软件更新资讯”,评论点赞数超过 20 的可登上...

6
34
发表了资讯
2017/03/22 00:13

VUX v2.1.1-rc.13 发布,基于 WeUI 的 Vue 移动端组件库

VUX v2.1.1-rc.13 发布了,该版本主要为 bug 修复。 demo 预览地址:https://vux.li/demos/v2/ Cell [fix] 修复 label 宽度不受控于 Group #1110 PopupPicker [enhance] 取消文字使用灰色 Radio [fix] 修复未响应数据变更的 bug #1115 Search [feature] 添加 slot=right Step [fix] 修复 import 和 module.exports 混用的问题 Toast [fix] 修复 调用后没有设置webkitOverflowScrolling为touch XHeader [fix] 修复不能设置返回文...

3
18
发表了资讯
2017/03/17 23:12

VUX v2.1.1-rc.12 发布,基于 WeUI 的 Vue 移动端组件库

VUX v2.1.1-rc.12 发布了,该版本主要为小修复及全家桶优化。 demo 预览地址:https://vux.li/demos/v2/ Marquee [feature] 支持异步数据渲染 Search [enhance] 点击取消按钮后不再触发 on-change 事件 XAddress [enhance] 简化市辖区数据 XButton [fix] 修复primary类型按钮active时的background-color XTextarea [enhance] 点击x-textarea的counter时,主动触发focus事件 vux-loader 默认不显示 duplicate-style 提示,只在 ...

2
25
发表了资讯
2017/03/14 12:10

VUX v2.1.1-rc.11 发布,基于 WeUI 的 Vue 移动端组件库

该版本主要为交互、动画优化。 demo 预览地址:https://vux.li/demos/v2/ Actionsheet [enhance] 更加流畅的遮罩层动画 Alert [enhance] 作为插件使用时,每次都重置属性值 Confirm [fix] 修复插件代码里的值和事件监听器 [fix] 以插件方式显示时强制重置数据 Datetime [feature] 支持格式化显示 prop:display-format #1086 @greedying Loading [enhance] 以插件形式使用时强制重置属性值 [enhance] 添加渐现动画 PopupPicker ...

1
33
发表了资讯
2017/03/13 13:50

VUX v2.1.1-rc.10 发布,基于 WeUI 的 Vue 移动端组件库

该版本主要为样式修复及 less 变量支持。 InlineCalendar [feature] 支持多个 less 变量. #896 Search [feature] 支持 on-focus 事件 Timeline [fix] 修复图标位置 Toast [fix] 修复警告图标样式 XButton [feature] 添加禁用背景颜色. #896 XInput [feature] 支持 reset 函数 #947 @erguotou520...

7
11
发表了资讯
2017/03/12 02:35

VUX v2.1.1-rc.9 发布,基于 WeUI 的 Vue 移动端组件库

VUX v2.1.1-rc.9 发布了,有以下值得关注的更新: Alert [fix] 修正 onHide 回调被错误调用 #1023 @jsonviewer DatetimeRange [feature] 新组件 #970 @327326724 Popup [enhance] 更流畅的遮罩层动画 [feature] 支持透明背景 [feature] 支持背影颜色变量 @popup-background-color Swipeout [fix] 修复向右快速滑动时左侧菜单可能会被滑出 Toast [enhance] 插件调用时每次都重置为默认参数 #870 @jsonviewer Date [feature] 添加...

4
8
发表了资讯
2017/03/10 18:24

vux v2.1.1-rc.8 发布,基于 WeUI 的 Vue 移动端组件库

vux v2.1.1-rc.8 发布了。更新如下: PopupPicker [enhance] 更新头部样式并新增 less 变量 Tabbar [feature] 支持点击时切换图标 XHeader [fix] 修复过渡动画 [fix] 修复 返回文字 国际化 XInput [feature] 支持设置 placeholder 对齐方式 XTextarea [feature] 支持title属性 下载地址: Source code (zip) Source code (tar.gz)...

4
12
发表了资讯
2017/03/08 13:40

vux v2.1.1-rc.7 发布,基于 WeUI 的 Vue 移动端组件库

Datetime [enhance] 支持 PC 上鼠标选择 #1039 @michael829 Picker [enhance] 支持 PC 上鼠标选择 #1039 @michael829 PopupPicker [enhance] 支持 PC 上鼠标选择 #1039 @michael829 [enhance] 支持根据值自定义显示格式 Swipeout [fix] 修复 Android 下按钮点击事件不触发问题 #1044 @tangtaoit Tab [feature] 支持定义 bar 宽度 [fix] 修复初始化时没有 tab-item 时导致报错 #1038 @liu2010y XAddress [enhance] 支持 PC 上鼠标...

2
16
发表了资讯
2017/02/22 16:56

开源一年,VUX@2.X 发布

VUX@2.X 更新 从 2.0-2.1 版本,大概做了这些事: Vue 升级到2.x vue-router 升级到2.x vuex 升级到2.x webpack 模板升级到webpack@2.x WeUI 升级到1.x 新的官网,更详细的文档(还在逐步完善中,欢迎PR),0.x 的文档简陋到我不想再打开旧文档页面,作为基于 Vue 的项目,觉得简直是对不起 Vue 官方文档。 vue 单文件的预处理工具 vux-loader 另外,为了实现真正的开箱即用,除了快速入门的模板,在文档里也分享了开发中常见的经...

15
37
发表了资讯
2016/08/19 00:00

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

Vux v0.1.3 发布了,这是一个基于 Vue 和 WeUI 的 UI 组件库。 该版本重大变更: 移除XSwiper,体积大,目前是基于 https://github.com/nolimits4web/Swiper 的浅封装,许多属性并不能响应变化,如果在使用,建议自行引入。 移除 Progress 的复杂样式,仅保留原有 WeUI 的样式。 统一目录规范,checker 的目录由原来的 src/checker 和 src/checker-item 变为 src/checker 里 更新了demo 站点 Vux.li,你可以看到 demo 站是比较完...

10
64
发表了资讯
2016/07/08 00:00

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

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项目不再需要任何其...

26
69
发表了资讯
2016/06/24 00:00

Vux v0.1.1 发布,基于 Vue 和 WeUI 移动端 UI 组件

Vux v0.1.1 发布了。 新组件 Previewer 假如已经通过微信认证,建议直接用jssdk的preview接口,调用简单,客户端原生支持,也节省了部分脚本流量。 [new] 用于进行图片预览,支持滑动左右切换,放大缩小 Swiper [new] 支持通过设置index实现切换 [new] 增加on-index-change事件 Tab [new] index作为prop,支持设置index来实现切换 结合Swiper和Tab的index,可以实现联动 XImg [fix]修复demo图片链接 [change]使用on-作事件前缀 @l...

32
134
发表了资讯
2016/06/03 00:00

Vux v0.1.0 发布,移动端 UI 组件

经过3个多月的开发,v0.1.0终于发布了。 这个版本并不意味着基本没有bug,而是意味着整个组件库的组件设计规范和编码规范已经清晰,可以明确地自我规范及更方便社区同学根据规范来提交PR,已经开发的组件的命名、属性、事件等已经相对稳定,不会出现大的变更。重大变更只会在大版本进行。对于每一个更改也将会更加谨慎。 当然最重要的是,文档终于发布了。 vux.li注册了3个多月,域名的let's encrypt证书在昨天刚好过期。现在项...

42
66
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/11/14 21:17

vux安装时报vux-loader配置问题

<p><strong>一、初始化:webpack</strong></p> <ol> <li>项目塔建:<br> 使用<a href="https://cn.vuejs.org/v2/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-CLI" rel="nofollow noreferrer">vue-cli</a>塔建基于webpack的vue环境。然后根据vux官网<a href="https://vux.li/?x-page=github_readme#/?id=%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8" rel="nofollow noreferrer">安装使用</a>文档安装vux...

0
0
发表了博客
2019/10/31 22:10

vux使用

vue-store模式 vueX props $emit 文件结构 应用层级的状态应该集中到单个store对象中; 提交mutation是更改state的唯一方法,且这个过程是同步的; 异步逻辑都应该封装在action里 vuex使用步骤 // 引入Vue、Vuex三方件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ modules: { user, search }, getters }) new Vue({ el: '#app', router, store, comp...

0
0
发表了博客
2018/09/08 14:52

vux使用教程

<1>. 在项目里安装vux npm install vux --save <2>. 安装vux-loader (这个vux文档似乎没介绍,当初没安装结果报了一堆错误) npm install vux-loader --save-dev <3>. 安装less-loader (这个是用以正确编译less源码,否则会出现 ' Cannot GET / ') npm install less less-loader --save-dev <4>. 安装yaml-loader (以正确进行语言文件读取, 我没安装似乎也没报错) npm install yaml-loader --save-dev <5>. 在build/webpack...

0
0
发表了博客
2019/08/27 00:24

Vux的安装使用

1、Vux的安装 1.1、vue-cli的vux模板生成项目 可以直接使用 vue-cli 的模板生成一个 vux 项目 vue init airyland/vux2 projectName 由此可以直接使用 vux。(或许运行项目可能会报错,那是 vue-cli 初始项目的通病) 1.2、手动安装 vux 首先在项目里安装vux npm install vux --save 安装vux-loader npm install vux-loader --save-dev 安装less-loader npm install less less-loader --save-dev 然后在build/webpack.base.conf...

0
0
发表了博客
2019/01/25 11:36

vux 项目的构建

一:vux安装 # 安装vux cnpm install vux --save # 安装vux-loader cnpm install vux-loader --save-dev # 安装less-loader(用以编译less源码,否则会出现 ' Cannot GET / ') npm install less less-loader --save-dev 二:vux 配置 在 webpack.base.conf.js 文件中 a,修改 module.exports 改为: var originalConfig b,修改 extensions: ['.js', '.vue', '.json'], 改为: extensions: ['.js', '.vue', '.json','.less'], ...

0
0
发表了博客
2018/07/30 22:15

vux UI 项目国际化

###第一步必须装 vux vux-loader vuex 和vuex-i18n npm i vux-loader -D npm i vuex vux vuex-i18n -S 安装完成需要配置webpack.base.conf.js 为了降低使用成本及不侵入原来配置,只需要调用merge方法对原来webpack配置进行操作: //引入vuxLoader const vuxLoader = require('vux-loader') const webpackConfig = {} // 原来的 webpack.base.js 配置 module.exports = vuxLoader.merge(webpackConfig, { plugins:[ {name...

0
0
发表了博客
2018/02/08 21:12

vux 微信支付

http://amazeui.org/widgets/wechatpay?_ver=2.x //下面截图的文档地址 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6 //微信支付开发文档 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432 //微信公众平台技术文档     配置好js-sdk 配置信息,就可以调用wx.chooseWXPay了 <template> <div id="pay"> <flexbox style="margin: 10px 0;"> <flex...

0
0
发表了博客
2019/05/06 14:06

vue2-vux-fitness-project

非常感谢那些无私开源的程序员,希望我也能够有能力像你们那样,开源很多很有意思的东西~~ //index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title>fitness-app</title> </head> <body> <div id="app"></div> <!-- built files will be auto injected --> </body> </html> //App.vue <...

0
0
发表了博客
2018/07/11 10:34

移动端的picker参考vux

参考vux移动端的ui组件,做了一个picker,测试在微信,uc主流浏览器能够正常工作。而在华为浏览器根本不能使用。而测试了vux的原有picker组件,发现在华为自带浏览器中,效果依然能够实现。 这时明白,原来vux也并非想的那么简单,兼容性这块做的很不错。或者是因为采用了vue的缘故? 实现代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>制作移动端...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2016/08/23 10:17

求教 ready() 兼容性解决办法

@airyland 你好,想跟你请教个问题: 框架中 的 ready(){ } 在有的浏览器下会报错!这个兼容性问题如何解决呢? 错误信息如下: Uncaught SyntaxError: Unexpected token (

3
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
5 评论
379 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部