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

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

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

Article Article 文章 这一节没有涉及到 api 这些，只是一些简单的样式，目的在于你可以快速的给一篇文章的不同部位加上样式。 <div class = "weui-article" > <div class = "weui-article__h1" > 大标题 </div> <div class =...

Article Article 文章 这一节没有涉及到 api 这些，只是一些简单的样式，目的在于你可以快速的给一篇文章的不同部位加上样式。 <div class = "weui-article" > <div class = "weui-article__h1" > 大标题 </div> <div class =...

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

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 。上述每种...

上传组件 上传组件 上传组件主要用于图片上传，一般需要配合相册组件 使用，WeUI 中仅包含样式，上传所需的逻辑操作需自行实现或配合 weui.js（点击查看相关文档） 实现。 <div class = "weui-uploader" > <div class = "weui-uploader__hd" > ...

slider，滑块 不带数字的slider < div class = " weui-slider " > < div class = " weui-slider__inner " > < div style = " width : 0 ; " class = ...