拖动排序 - UI示例 - Admui

Sortable 官网

排序

可以拖动列表项进行排序。

6 收件箱
2 简介
通知
10 信息
行程

手柄拖动

拖动左侧的图标进行排序。

CSS3 选择器
CSS3 边框
CSS3 背景
CSS3 文本
CSS3 进阶

待办事项

接见菲律宾总统
给妈妈打电话今天
与总理探讨xyz等若干问题
好好睡一觉 18小时
起床

编辑列表项

第一项
第二项
第三项
第四项
第五项

Nestable 官网

基本

列表项 1 进行中
列表项 2 已批准
列表项 3 待处理
1. 列表项 4
2. 列表项 5
列表项 6
1. 列表项 7
  1. 列表项 8

手柄拖动

列表项 1
列表项 2
列表项 3
1. 列表项 4
2. 列表项 5
列表项 6
1. 列表项 7
  1. 列表项 8

连接

列表项可在两个列表之间拖动。

第 1 个列表

列表项 1
列表项 2
列表项 3
1. 列表项 4
2. 列表项 5

第 2 个列表

列表项 6
列表项 7
列表项 8

媒体

列表项 1

♫茉莉花
CTO
列表项 2

璇子
CVO
1. 列表项 3
  
  hanwen
  CIO
列表项 4

李志文
CVO