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

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

Footer Footer Footer 用于实现页脚，Copyright。 由于没有涉到 api 这些，因此就直接上示例代码了。 <div class = "page" > <div class = "weui-footer" > <div class = "weui-footer__text" >...

关于命名 button cell 之前必须显示定义weui_cell_primary来规定撑满的是hd,bd还是ft。现在默认是bd来撑满，weui-cell_primary变成实现顶部对齐的扩展类。 带验证码的输入框，img必须定义weui-vcode-img的类名 带箭头的列表，由之前的weui_cells_access改为单独控制的weui-c...

Search Search 搜索栏 search 这部分是利用小程序input 组件实现，在下面的示例中主要使用了focus 和bindinput 两个属性，由于mpvue 从底层支持 Vue.js 语法和构建工具体系，因此可以用vue 的v-model 进行双向数据绑定，示例如下： <template> <div class = ...

Search Search 搜索栏 search 这部分是利用小程序input 组件实现，在下面的示例中主要使用了focus 和bindinput 两个属性，由于mpvue 从底层支持 Vue.js 语法和构建工具体系，因此可以用vue 的v-model 进行双向数据绑定，示例如下： <template> <div class = ...

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

表单预览 表单预览 表单预览可用于显示账单等。 foot 部分的操作按钮可以为一个，也可以为多个，样式有 weui-form-preview__btn_default 和 weui-form-preview__btn_primary 两种。 <!-- 表单预览 --> <div class = "weui-form-preview" ...

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...