参考链接 参考链接 以上内容部分来自： 微信小程序架构分析 (上) 微信小程序架构解析 2018微信公开课第七季上海站·小程序专场 小程序中使用iconfont 微信小程序的下一步：支持NPM、小程序云、可视化编程、支持分包 mpvue-docs 使用Mpvue开发微信小程序的最佳实践 用Vue.js开发微信小程序：开源框架mpvu...

mpvue 框架原理 mpvue-loader compiler runtime Class和Style为什么暂不支持组件 分包加载 问题与展望 mpvue Vue.js 小程序版, fork 自 vuejs/vue@2.4.1，保留了 vue runtime 能力，添加了小程序平台的支持。mpvue 是一个使用 Vue.js 开...

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

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

目录结构 目录结构 WeiPHP5.x版的目录结构按照ThinkPHP5的风格作了重大调整： 所有的目录名称变成了小写 之前的微信插件变成了ThinkPHP里的正常的模块 应用配置文件，数据库配置文件直接放到了config目录下 ├─ application 应用目录 │ ├─ common ...

快速上手 1.0 改动 相关链接： 下载 基本模板 快速上手 首先需要说明，WeUI 仅仅是一个样式库而已，其核心文件是 weui.css ，所以与 JS 相关的功能需要自己实现，此入门指南所讲内容也仅限于 weui.css ，jQuery 版、Vue.js 版、React 版等均不在本文范围内，具体请参阅相应的文档。 与 JS 相关...

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

Rate Rate 星级评分 Rate 组件使用 html5 中 data- 属性实现，当点击评分区域时，获取 data 属性的值，然后通过 vue 中 :class 控制评分星星的状态，即是否为 active 。 <template> <div class = "page__bd" > <div ...