mirror of
https://gitee.com/orangeform/orange-admin.git
synced 2026-01-18 11:06:36 +08:00
commit:权限模块新增分配详情功能
commit:修改前端样式
This commit is contained in:
318
orange-demo-single-web/src/assets/theme/timeline-item.css
Normal file
318
orange-demo-single-web/src/assets/theme/timeline-item.css
Normal file
@@ -0,0 +1,318 @@
|
||||
/* BEM support Func
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
/* Break-points
|
||||
-------------------------- */
|
||||
/* Scrollbar
|
||||
-------------------------- */
|
||||
/* Placeholder
|
||||
-------------------------- */
|
||||
/* BEM
|
||||
-------------------------- */
|
||||
/* Element Chalk Variables */
|
||||
/* Transition
|
||||
-------------------------- */
|
||||
/* Color
|
||||
-------------------------- */
|
||||
/* 53a8ff */
|
||||
/* 66b1ff */
|
||||
/* 79bbff */
|
||||
/* 8cc5ff */
|
||||
/* a0cfff */
|
||||
/* b3d8ff */
|
||||
/* c6e2ff */
|
||||
/* d9ecff */
|
||||
/* ecf5ff */
|
||||
/* Link
|
||||
-------------------------- */
|
||||
/* Border
|
||||
-------------------------- */
|
||||
/* Fill
|
||||
-------------------------- */
|
||||
/* Typography
|
||||
-------------------------- */
|
||||
/* Size
|
||||
-------------------------- */
|
||||
/* z-index
|
||||
-------------------------- */
|
||||
/* Disable base
|
||||
-------------------------- */
|
||||
/* Icon
|
||||
-------------------------- */
|
||||
/* Checkbox
|
||||
-------------------------- */
|
||||
/* Radio
|
||||
-------------------------- */
|
||||
/* Select
|
||||
-------------------------- */
|
||||
/* Alert
|
||||
-------------------------- */
|
||||
/* MessageBox
|
||||
-------------------------- */
|
||||
/* Message
|
||||
-------------------------- */
|
||||
/* Notification
|
||||
-------------------------- */
|
||||
/* Input
|
||||
-------------------------- */
|
||||
/* Cascader
|
||||
-------------------------- */
|
||||
/* Group
|
||||
-------------------------- */
|
||||
/* Tab
|
||||
-------------------------- */
|
||||
/* Button
|
||||
-------------------------- */
|
||||
/* cascader
|
||||
-------------------------- */
|
||||
/* Switch
|
||||
-------------------------- */
|
||||
/* Dialog
|
||||
-------------------------- */
|
||||
/* Table
|
||||
-------------------------- */
|
||||
/* Pagination
|
||||
-------------------------- */
|
||||
/* Popup
|
||||
-------------------------- */
|
||||
/* Popover
|
||||
-------------------------- */
|
||||
/* Tooltip
|
||||
-------------------------- */
|
||||
/* Tag
|
||||
-------------------------- */
|
||||
/* Tree
|
||||
-------------------------- */
|
||||
/* Dropdown
|
||||
-------------------------- */
|
||||
/* Badge
|
||||
-------------------------- */
|
||||
/* Card
|
||||
--------------------------*/
|
||||
/* Slider
|
||||
--------------------------*/
|
||||
/* Steps
|
||||
--------------------------*/
|
||||
/* Menu
|
||||
--------------------------*/
|
||||
/* Rate
|
||||
--------------------------*/
|
||||
/* DatePicker
|
||||
--------------------------*/
|
||||
/* Loading
|
||||
--------------------------*/
|
||||
/* Scrollbar
|
||||
--------------------------*/
|
||||
/* Carousel
|
||||
--------------------------*/
|
||||
/* Collapse
|
||||
--------------------------*/
|
||||
/* Transfer
|
||||
--------------------------*/
|
||||
/* Header
|
||||
--------------------------*/
|
||||
/* Footer
|
||||
--------------------------*/
|
||||
/* Main
|
||||
--------------------------*/
|
||||
/* Timeline
|
||||
--------------------------*/
|
||||
/* Backtop
|
||||
--------------------------*/
|
||||
/* Link
|
||||
--------------------------*/
|
||||
/* Calendar
|
||||
--------------------------*/
|
||||
/* Form
|
||||
-------------------------- */
|
||||
/* Avatar
|
||||
--------------------------*/
|
||||
/* Break-point
|
||||
--------------------------*/
|
||||
.el-timeline-item {
|
||||
position: relative;
|
||||
padding-bottom: 20px; }
|
||||
.el-timeline-item__wrapper {
|
||||
position: relative;
|
||||
padding-left: 28px;
|
||||
top: -3px; }
|
||||
.el-timeline-item__tail {
|
||||
position: absolute;
|
||||
left: 4px;
|
||||
height: 100%;
|
||||
border-left: 2px solid #E4E7ED; }
|
||||
.el-timeline-item__icon {
|
||||
color: #FFFFFF;
|
||||
font-size: 13px; }
|
||||
.el-timeline-item__node {
|
||||
position: absolute;
|
||||
background-color: #E4E7ED;
|
||||
border-radius: 50%;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.el-timeline-item__node--normal {
|
||||
left: -1px;
|
||||
width: 12px;
|
||||
height: 12px; }
|
||||
.el-timeline-item__node--large {
|
||||
left: -2px;
|
||||
width: 14px;
|
||||
height: 14px; }
|
||||
.el-timeline-item__node--primary {
|
||||
background-color: #FFA424; }
|
||||
.el-timeline-item__node--success {
|
||||
background-color: #67C23A; }
|
||||
.el-timeline-item__node--warning {
|
||||
background-color: #E6A23C; }
|
||||
.el-timeline-item__node--danger {
|
||||
background-color: #F56C6C; }
|
||||
.el-timeline-item__node--info {
|
||||
background-color: #909399; }
|
||||
.el-timeline-item__dot {
|
||||
position: absolute;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.el-timeline-item__content {
|
||||
color: #303133; }
|
||||
.el-timeline-item__timestamp {
|
||||
color: #909399;
|
||||
line-height: 1;
|
||||
font-size: 13px; }
|
||||
.el-timeline-item__timestamp.is-top {
|
||||
margin-bottom: 8px;
|
||||
padding-top: 4px; }
|
||||
.el-timeline-item__timestamp.is-bottom {
|
||||
margin-top: 8px; }
|
||||
Reference in New Issue
Block a user