WUI v1.1.0

基础说明

开始使用 Getting Started
底层方法 基础支撑
页面元素 规范 / 公共类
模块规范 使用 / 扩展
常见问题 FAQ
更新日志

页面元素

布局 容器 / 栅格 / 后台布局
颜色 主题色 / 内置背景色
图标 字体图标
动画 内置 CSS3 动画
按钮 button 组
表单 form 元素集合
导航 菜单 / 面包屑
选项卡 Tabs 切换
进度条 progress
面板 折叠 / 手风琴
表格 静态 table
徽章 小圆点 / 小边框
时间线 timeline
区块 引用 / 字段集
文字 颜色 / 链接 / 位置
辅助 边距 / 填充 / 横线等

内置模块

弹出层 layer
日期与时间选择 wdate
分页 wpage
模板引擎 wtpl
数据表格 table
表单 form
文件上传 upload
穿梭框 transfer
树形组件 tree
颜色选择器 colorpicker
常用元素操作 element
滑块 slider
评分 rate
轮播 carousel
流加载 flow
工具集 util
简单编辑器 wedit
富文本编辑器 tinymce
下拉菜单 menu
拖动排序 dragsort
自动完成 autocomplete
代码修饰器 code
通知控件 notice
下拉多选控件 xmSelect
滑块验证 sliderVerify
无限级联选择器 cascader
区块 - 页面元素

本篇主要集中罗列页面中的一些简单区块元素,如:引用块、字段集区块、横线等等,这些元素都无需依赖任何模块。
我是一个区块
我是一个区块
属性名 属性值 备注
size='属性值' lg (大号区块)
sm (小号区块)
xs (超小号区块)
默认尺寸可以不用设置
skin='属性值' nob (去掉边框) 默认带边框
我是一个大号区块
我是一个默认区块
我是一个小号区块
我是一个超小号区块
我是一个无边框区块,为了让你看到我的存在,特意加了背景色哦!
我是一个大号区块
我是一个默认区块
我是一个小号区块
我是一个超小号区块
我是一个无边框区块
银灰色引用区块:wui-quote-gray
橙色引用区块:wui-quote-orange
红色引用区块:wui-quote-red
蓝色引用区块:wui-quote-blue
墨绿色引用区块:wui-quote-green
藏青色引用区块:wui-quote-cyan
雅黑色引用区块:wui-quote-black
黑色引用区块
属性名 属性值 备注
size='属性值' lg (大号区块)
sm (小号区块)
xs (超小号区块)
默认尺寸可以不用设置
skin='属性值' top (顶部色条) 默认色条显示在左则
我是一个大号引用区块
我是一个默认引用区块
我是一个小号引用区块
我是一个超小号引用区块
银灰色顶部色条引用区块
橙色顶部色条引用区块
红色顶部色条引用区块
蓝色顶部色条引用区块
墨绿色顶部色条引用区块
藏青色顶部色条引用区块
雅黑色顶部色条引用区块
我是一个大号引用区块
我是一个默认引用区块
我是一个小号引用区块
我是一个超小号引用区块
青色顶部色条引用区块
字段集区块 - 默认风格
既然来了就写点什么吧!
字段集区块 - 默认风格
既然来了就写点什么吧!
字段集区块 - 标题风格
可以不写内容哦!
字段集区块 - 标题风格
可以不写内容哦!
© 2021 Wangren.Net  Layui  tinyMCE  SUI Mobile