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
时间线 - 页面元素

将时间抽象到二维平面,垂直呈现一段从过去到现在的故事。
  • 8月18日

    wui 的一切准备工作似乎都已到位。发布之弦,一触即发。
    不枉近百个日日夜夜与之为伴。因小而大,因弱而强。
    无论它能走多远,抑或如何支撑?至少我曾倾注全心,无怨无悔

  • 8月16日

    杜甫的思想核心是儒家的仁政思想,他有“致君尧舜上,再使风俗淳”的宏伟抱负。个人最爱的名篇有:

    • 《登高》
    • 《茅屋为秋风所破歌》
  • 8月15日

    中国人民抗日战争胜利日
    常常在想,尽管对这个国家有这样那样的抱怨,但我们可能的确生在了最好的时代
    铭记、感恩
    所有为中华民族浴血奋战的英雄将士
    永垂不朽

  • 过去
<ul class="wui-timeline">
  <li class="wui-timeline-item">
    <i class="wui-icon wui-timeline-axis wui-icon-radio"></i>
    <div class="wui-timeline-content wui-text">
      <h3 class="wui-timeline-title">8月18日</h3>
      <p>
        wui 2.0 的一切准备工作似乎都已到位。发布之弦,一触即发。
        <br>不枉近百个日日夜夜与之为伴。因小而大,因弱而强。
        <br>无论它能走多远,抑或如何支撑?至少我曾倾注全心,无怨无悔 <i class="wui-icon wui-icon-emoji"></i>
      </p>
    </div>
  </li>
  <li class="wui-timeline-item">
    <i class="wui-icon wui-timeline-axis wui-icon-radio"></i>
    <div class="wui-timeline-content wui-text">
      <h3 class="wui-timeline-title">8月16日</h3>
      <p>杜甫的思想核心是儒家的仁政思想,他有“<em>致君尧舜上,再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有:</p>
      <ul>
        <li>《登高》</li>
        <li>《茅屋为秋风所破歌》</li>
      </ul>
    </div>
  </li>
  <li class="wui-timeline-item">
    <i class="wui-icon wui-timeline-axis wui-icon-radio"></i>
    <div class="wui-timeline-content wui-text">
      <h3 class="wui-timeline-title">8月15日</h3>
      <p>
        中国人民抗日战争胜利72周年
        <br>常常在想,尽管对这个国家有这样那样的抱怨,但我们的确生在了最好的时代
        <br>铭记、感恩
        <br>所有为中华民族浴血奋战的英雄将士
        <br>永垂不朽
      </p>
    </div>
  </li>
  <li class="wui-timeline-item">
    <i class="wui-icon wui-timeline-axis wui-icon-radio"></i>
    <div class="wui-timeline-content wui-text">
      <div class="wui-timeline-title">过去</div>
    </div>
  </li>
</ul>
  • 2022年,大学毕业
  • 2018年,高考
  • 2010年,10岁了
  • 2000年,出生了
  • 更久前
关于时间线,似乎也没有什么太多可介绍的东西。你需要留意的是以下几点
  • 图标可以任意定义(但并不推荐更改)
  • 标题区域并不意味着一定要加粗
  • 内容区域可自由填充。
© 2021 Wangren.Net  Layui  tinyMCE  SUI Mobile