FormPage 代码引入 示例代码 效果展示 属性列表 Slot FormPage 表单页面，规定了标准表单的顶部的标题和底部的按钮提示等区域的规范 代码引入 在 page.json 中引入组件 { "usingComponents" : { "mp-form-page" : "../../comp...

Input radio-group bindchange radio 在mpvue 框架中使用 踩坑 checkbox-group bindchange checkbox 踩坑 switch bindchange 踩坑 Input 输入框 radio-group 单项选择器，内部由多个<radio/> 组成。 bi...

Uploader 图片上传 图片预览 Uploader 图片上传 图片上传 图片上传的实现主要使用了微信原生API wx.chooseImage(OBJECT) <template> <div class = "page" > <div class = "weui-uploader__bd" > ...

Flex 布局 Flex 布局 Flex 布局是一种简便的、响应式的页面布局方式，可以用较简单的代码来实现较复杂的布局，并且目前大多数浏览器都已支持 Flex 布局。更多相关知识点请自行搜索学习。 WeUI 提供了一种类似于栅格化的 Flex 布局方式，用法也比较简单。 其中 weui-flex 为一个 Flex 容器，weui-flex__i...

滑块 滑块 滑块可用于用户输入数值的一种方式，WeUI 中仅包含 CSS 样式，JS 部分可自行实现或使用 weui.js（点击查看相关文档） 。 <!-- 滑块 --> <div class = "weui-slider-box" > <div class = "weui-slider" > <di...

Icons type size color Icons 图标 在 mpvue 框架使用 icon 组件就能实现这个功能，该组件有以下属性： type 类型：String 默认值：无 可选值： success success_no_circle info warn waiting cancel download search cle...

Uploader 图片上传 图片预览 Uploader 图片上传 图片上传 图片上传的实现主要使用了微信原生API wx.chooseImage(OBJECT) <template> <div class = "page" > <div class = "weui-uploader__bd" > ...

mpvue-weui 相关说明 前言 踩坑文档 WeUI 开发预览 效果 重写状态 版本日志 v1.0.5 v1.0.4 v1.0.3 v1.0.2 v1.0.1 v1.0.0 结束语 持续维护… mpvue-weui 用 vue 写小程序，使用 mpvue 框架重写 WeUI。 相关说明 ...

WeUI 简明入门指南 目录 WeUI 简明入门指南 WeUI 是由微信官方设计团队为微信内网页和微信小程序开发的基础样式库，目的是为了微信内网页和微信小程序的用户视觉和交互体验与微信保持一致。 之前写过一篇 WeUI 入门指南，但是仅适用于 0.4.x 版本。前段时间 WeUI 发布了 1.0 版本，代码改动较大，所以重写入门指南。 此入门...

开始使用 VUX 之前 相关工具 WeUI Vue Webpack vue-cli vue-loader vux-loader 开始使用 VUX 之前 如果你刚从后端转到前端，可能会被目前前端(表面的)工程复杂度惊吓到，但是放心，使用 vue-cli 从模板创建项目可以快速开始编码、构建，仅仅是几行简单的命令不是么？ 在使用 VUX...