让weui和iscroll结婚 以weui2为蓝本 是时候去加上weui其他效果了 让weui和iscroll结婚 以weui2为蓝本 观察一下它的dom <div class = "container js_container" > <div class = "page" > ...

针对移动端的前端工作流(7)—WeUI样式的loading和dialog组件 有这个需求 dialog组件 loading组件 util.js 针对移动端的前端工作流(7)—WeUI样式的loading和dialog组件 有这个需求 因为移动端项目多用于微信端，所以我们用微信官方团队提供的WeUI 样式简单封装了两个常用的插件,一个是lo...

Input ，用于表单，可以分成“输入型”和“选择型”两种。输入型包括单行文本（文本、数值、电话、密码等）、多行文本；选择型包括下拉选择、单选、多选、开关、日期时间等。在 WeUI 中，表单通常与 Cell 组件配合使用。 示例代码如下： < div class = " weui-cells__title " > 单选列表项 </ div...

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

Panel Panel 面板 Panel（weui-panel ）由head（可选）、body、foot（可选）三部分组成，主要承载了图文组合列表weui-media-box_appmsg 、文字组合列表weui-media-box_text 以及小图文组合列表weui-media-box_small-appmsg 。body部分根据不同业务可自定...

表单 单选 / radio 多选 / checkbox 输入框 / input 带按钮的输入框 / input 带图片的输入框 / input 带选择的输入框 / input & select 警告样式的输入框 / input 文本框 / textarea 开关 / radio 选择 / select 底部文字和勾选框 / checkb...

searchBar 搜索栏，类似于微信原生的搜索栏，应用于常见的搜索场景。 详细的代码结构如下： < div class = " weui-search-bar " id = " search_bar " > < form class = " weui-search-bar__form " ...

Button Button 按钮可以使用a 或者button 标签。wap上要触发按钮的active态，必须触发ontouchstart事件，可以在body 上加上ontouchstart="" 全局触发。 按钮常见的操作场景：确定、取消、警示，分别对应class：weui-btn_primary 、weui-btn_default 、weui-b...

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

其他组件 示例代码 其他组件 出于性能考虑，weui-miniprogram 并没有对所有 WeUI 组件进行封装（如：flex布局组件），可以直接使用 WeUI 中定义的组件结构（参考 Demo ）。 示例代码 在引入 weui.wxss 后，可以直接使用 weui-wxss 中定义的 class 自定义样式，以 flex 组件为例： ...