介绍 实践案例 快速开始 名称由来 主要特性 H5 和小程序如何复用代码 配套设施   介绍 mpvue （github 地址请参见 ）是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中...

面板 图文组合列表 文字组合列表 小图文组合列表 文字列表附来源 面板 面板用于显示组合式的列表信息，由 head、body 和 foot 三部分组成，其中 head 和 foot 是可选的。WeUI 提供了多种面板样式，可根据业务选择不同的样式。 foot 部分默认支持“查看更多”样式，不过需要在 weui-panel 添加一个 weu...

Flex 示例代码 Flex flex 布局 WeUI 提供了快速的 flex 布局 示例代码 <template> <div class = "page" > <div class = "page__bd page__bd_spacing" > <div class = "weui-f...

按钮 按钮 按钮样式可以用于 a 或 button 标签。 按钮常用的样式有 weui-btn_default 、weui-btn_primary 和 weui-btn_warn 三种，分别是白色、绿色和红色，还有一种镂空的样式 weui-btn_plain-xxx ，其中 xxx 可以是 default 或 primary 。上述每种...

Badge 带文字的badge 小红点 示例代码 Badge 徽章 带文字的badge <span class = "weui-badge" > New </span> 小红点 <span class = "weui-badge weui-badge_dot" ></span> 示例代码 <template...

Flex 示例代码 Flex flex 布局 WeUI 提供了快速的 flex 布局 示例代码 <template> <div class = "page" > <div class = "page__bd page__bd_spacing" > <div class = "weui-f...

Flex Flex Flex 用于快速进行Flex布局 < div class = " weui-flex " > < div class = " weui-flex__item " >< div class = " placeholder " > weui </ div ></ div >...

Badage 带文字的badge 小红点 示例代码 Badage 徽章 带文字的badge <span class = "weui-badge" > New </span> 小红点 <span class = "weui-badge weui-badge_dot" ></span> 示例代码 <templa...

VUX 能否在微信小程序里使用 mpvue 解决方案能否直接迁移 VUX VUX 能否在微信小程序里使用 Sorry，不能。微信小程序是个相对封闭的平台，无法简单地适配也没有计划支持小程序版本。 目前企业主体用户可以使用 web-view 组件直接显示 web 页面，间接地使用 VUX。 mpvue 解决方案能否直接迁移 VUX 目前 m...

List 普通列表项 带跳转功能的列表项 List 列表 在 WeUI 用 Cell 来显示列表视图，用于将信息以列表的结构显示在页面上。Cell由多个section组成，每个 section 包括 section header weui-cells__title 以及 cells weui-cells 。 cell 由 thumbnai...