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
颜色

视觉疲劳的形成往往是由于颜色过于丰富或过于单一形成的麻木感,而 wui 提供的颜色,清新而不乏深沉,互相柔和,不过分刺激大脑皮层的神经反应,形成越久越耐看的微妙影像。合理搭配,可与各式各样的网站避免违和,从而使你的 Web 平台看上去更为融洽。
#009688
通常用于按钮、及任何修饰元素
#5FB878
一般用于选中状态
#393D49
通常用于导航
#1E9FFF
比较适合一些鲜艳色系的页面
wui 主要是以象征包容的墨绿作为主色调,由于它给人以深沉感,所以通常会以浅黑色的作为其陪衬,又会以蓝色这种比较鲜艳的色调来弥补它的色觉疲劳,整体让人清新自然,愈发耐看。【取色意义】:我们执着于务实,不盲目攀比,又始终不忘绽放活力。这正是 wui 所追求的价值。
#FFB800
暖色系,一般用于提示性元素
#FF5722
比较引人注意的颜色
#01AAED
用于文字着色,如链接文本
#2F4056
侧边或底部普遍采用的颜色
事实上,wui 并非不敢去尝试一些亮丽的颜色,但许多情况下一个它可能并不是那么合适,所以我们把这些颜色归为“场景色”,即按照实际场景来呈现对应的颜色,比如你想给人以警觉感,可以尝试用上面的红色。他们一般会出现在 wui 的按钮、提示和修饰性元素,以及一些侧边元素上。
#fbfbfb
#f3f3f3
#e7e7e7
#dadada
#cecece
#c2c2c2
wui 认为灰色系代表极简,因为这是一种神奇的颜色,几乎可以与任何元素搭配,不易形成视觉疲劳,且永远不会过时。低调而优雅! wui 内置了七种背景色,以便你用于各种元素中,如:徽章、分割线、导航等等
银色:class="wui-bg-silvery"
灰色:class="wui-bg-gray"
橙色:class="wui-bg-orange"
赤色:class="wui-bg-red"
蓝色:class="wui-bg-blue"
墨绿:class="wui-bg-green"
藏青:class="wui-bg-cyan"
雅黑:class="wui-bg-black"
这个背景颜色应该是橙色的!
© 2021 Wangren.Net  Layui  tinyMCE  SUI Mobile