面板 图文组合列表 文字组合列表 小图文组合列表 文字列表附来源 面板 面板用于显示组合式的列表信息，由 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...

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

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

图标 成功 提示 普通警告 强烈警告 等待 圆圈 下载 取消 搜索 图标 WeUI 提供了几种常用的图标。 图标使用空的 i 标签加上相应的样式类即可，所有图标的默认大小为 23px，在 i 标签上追加 weui-icon_msg 类，大小变为 93px。 较大尺寸的图标可用于操作提示页面，图标居中显示。 成功 用于...