vux

1.Cube UI star 3k 滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库 github地址 中文文档 2.Muse-ui 基于 Vue 2.0 和 Material Design 的 UI 组件库 star 4.9k 中文文档 github地址 3.vux 基于 WeUI 和 Vue (2.x)开发的移动端UI组件库 star 10k 基于 webpack + vue-loader + vux 可以快速开发移动端页面，配合 vux-loader 方便你在 WeUI 的基础上定制需要的样式。 官网地址： https://vux.li/ 本框架属于个人维护。 中文文档 在线预览 更多： 基于Vue的手机端UI框架整理 Vue相关UI框架整理 Element UI框架+Vue开发搭建示例 来源： oschina 链接： https://my.oschina.net/u/2332115/blog/3033652

vux-uploader这个图片上传插件，在一些项目中已经采用了。因为之前的前端ui都是用vux这套，所以理所当然也选择这个图片上传插件了。而且还提供一些可以进行定制化hook。 greedying/vux-uploader 其中最重要的代码 uploader.vue get_signature(body){ // 可以判断当前expire是否超过了当前时间， 如果超过了当前时间， 就重新取一下，3s 作为缓冲。 let timestamp = Date.parse(new Date()) / 1000; let now = timestamp; let expire = 0 if (expire < now + 3) { // let body = this.send_request() console.log(body) // let obj = eval ("(" + body + ")"); let obj = body // console.log(obj); this.uploadUrl = obj['host']; this.oss.host = obj['host'] this.oss.policyBase64 = obj['policy'] this.oss.accessid = obj['accessid'] this.oss.signature = obj[

　　本文将讲述vue-cli+vux-scroller实现移动端的上拉加载功能： 　　　　纠错声明：网上查阅资料看到很多人都将vux和vuex弄混，在这里我们先解释一下，vuex是vue框架自带的组件，是数据状态管理工具，vux是一款移动端的UI组件库； 　　　　 　　　　vux（官方文档： https://doc.vux.li/zh-CN/ ）是基于WeUi和vue（2.x）开发的移动端的UI组件库，主要服务于微信页面。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUi的基础上定制需要的样式。vux-loader保证了组件按需使用，因此不用担心最终打包了整个vux的组件库代码。vux并不完全依赖于WeUi，vux在WeUi的基础上扩展了多个常用组件，但是尽量保持整体UI样式接近WeUi的设计规范。 　　　　首先我们需要安装vux的依赖包，命令如下： 　　　　　　npm install vux --save　　 　　　　官方文档声明了vux必须配合vux-loader一起使用，所以我们需要在build/webpack.base.conf.js里参照如下代码进行配置： const vuxLoader = require('vux-loader') const webpackConfig = originalConfig /

　　 本文将讲述vue-cli+vux-scroller实现移动端的上拉加载功能： 　　　　纠错声明：网上查阅资料看到很多人都将vux和vuex弄混，在这里我们先解释一下，vuex是vue框架自带的组件，是数据状态管理工具，vux是一款移动端的UI组件库； 　　　　 　　　　vux（官方文档： https://doc.vux.li/zh-CN/ ）是基于WeUi和vue（2.x）开发的移动端的UI组件库，主要服务于微信页面。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUi的基础上定制需要的样式。vux-loader保证了组件按需使用，因此不用担心最终打包了整个vux的组件库代码。vux并不完全依赖于WeUi，vux在WeUi的基础上扩展了多个常用组件，但是尽量保持整体UI样式接近WeUi的设计规范。 　　　　首先我们需要安装vux的依赖包，命令如下： 　　　　　　npm install vux --save　　 　　　　 官方文档声明了vux必须配合vux-loader一起使用，所以我们需要在build/webpack.base.conf.js里参照如下代码进行配置： const vuxLoader = require('vux-loader') const webpackConfig = originalConfig

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.js 文件里修改配置： 加上： const vuxLoader = require('vux-loader')，将 module.exports 后面的对象赋值给变量 webpackConfig，最后在代码后面添加 module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })。示例： 'use strict' const path = require('path') const utils = require('./utils') const config = require