Initial commit
This commit is contained in:
易焱
@@ -0,0 +1,111 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
/*元素面板*/
|
||||
.element-panel{
|
||||
padding-top: 10px;
|
||||
}
|
||||
.element-panel .layui-form-item,
|
||||
.element-panel .layui-form-item .layui-form-label,
|
||||
.build-panel .build-item,
|
||||
.build-panel .build-item .layui-form-label
|
||||
{
|
||||
cursor: move;
|
||||
}
|
||||
.drag-box{
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 100px;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 0 2px 1px rgba(0,0,0,.12);
|
||||
opacity: 0.6;
|
||||
}
|
||||
.drag-box .layui-form-item{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/*构建面板*/
|
||||
.build-card{
|
||||
overflow: hidden;
|
||||
}
|
||||
.build-panel{
|
||||
min-height: 500px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 15px;
|
||||
}
|
||||
.build-panel.active{
|
||||
background-color: #fdffcd;
|
||||
}
|
||||
.build-panel #shell-item{
|
||||
background-color: #eeeeee;
|
||||
border: 1px dashed #c3c3c3;
|
||||
}
|
||||
.build-panel .build-item{
|
||||
position: relative;
|
||||
}
|
||||
.build-panel .build-item:hover{
|
||||
padding-top: 10px;
|
||||
border: 1px dashed #ffc664;
|
||||
}
|
||||
.build-panel .build-item:hover .control{
|
||||
display: block;
|
||||
}
|
||||
.build-panel .build-item .control{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 6px;
|
||||
font-size: 12px;
|
||||
color: #009688;
|
||||
display: none;
|
||||
z-index: 999999;
|
||||
}
|
||||
.build-panel .build-item .control a{
|
||||
color: #009688;
|
||||
}
|
||||
.build-item-edit .build-edit-box{
|
||||
position: relative;
|
||||
width: 500px;
|
||||
height: 317px;
|
||||
display: block;
|
||||
}
|
||||
.build-item-edit .build-edit{
|
||||
display: block;
|
||||
width: 460px;
|
||||
height: 287px;
|
||||
border: 10px solid #F8F8F8;
|
||||
border-top-width: 0;
|
||||
padding: 10px;
|
||||
line-height: 20px;
|
||||
overflow: auto;
|
||||
background-color: #3F3F3F;
|
||||
color: #eee;
|
||||
font-size: 12px;
|
||||
font-family: Courier New, serif;
|
||||
}
|
||||
.build-item-edit .build-edit-btn{
|
||||
position: absolute;
|
||||
z-index: 99999;
|
||||
right: 34px;
|
||||
bottom: 26px;
|
||||
width: 58px;
|
||||
height: 30px;
|
||||
border: none;
|
||||
color: #ffffff;
|
||||
border-radius: 2px;
|
||||
background-color: #009688;
|
||||
cursor: pointer;
|
||||
}
|
||||
.build-item-edit .build-edit-btn:hover{
|
||||
background-color: #007c6e;
|
||||
}
|
||||
.build-generate{
|
||||
float: right;
|
||||
margin-top: 6px;
|
||||
margin-right: 2px;
|
||||
color: #009688;
|
||||
border-color: #009688;
|
||||
}
|
||||
.build-generate:hover{
|
||||
background-color: #009688;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
@@ -0,0 +1,238 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
/*保存按钮*/
|
||||
.entity-save{
|
||||
float: right;
|
||||
margin-top: 6px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.entity-save .fa{
|
||||
font-size: 13px!important;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
/*基本信息*/
|
||||
.layui-elem-field{
|
||||
border-color: #cccccc;
|
||||
}
|
||||
.layui-elem-field .code-legend{
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.layui-elem-field .layui-field-box{
|
||||
position: relative;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.layui-form-item .layui-input-inline{
|
||||
width: 240px;
|
||||
}
|
||||
.layui-form-item .layui-input-inline input{
|
||||
border-color: #cccccc;
|
||||
}
|
||||
.layui-form-item .layui-input-inline input:focus{
|
||||
border-color: #009688!important;
|
||||
}
|
||||
.layui-elem-field .layui-field-box .more-field{
|
||||
border-top: 1px solid #cccccc;
|
||||
padding-top: 20px;
|
||||
display: none;
|
||||
}
|
||||
.layui-elem-field .layui-field-box .more-btn{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 46px;
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
background-color: #cccccc;
|
||||
border-radius: 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
.layui-elem-field .layui-field-box .more-btn .active{
|
||||
transform: rotate(180deg)
|
||||
}
|
||||
/*面板*/
|
||||
.panel{
|
||||
margin: 15px 2px 5px;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
.panel-header{
|
||||
color: #333;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
padding: 0 15px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
.panel-header div{
|
||||
float: left;
|
||||
}
|
||||
.panel-header .title{
|
||||
font-weight: 600;
|
||||
}
|
||||
.panel-header .info{
|
||||
margin-left: 80px;
|
||||
}
|
||||
.panel-header .info i{
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-color: #1ab394;
|
||||
margin-left: 12px;
|
||||
margin-right: 4px;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
.panel-header .info i.lose{
|
||||
background-color: #e7e9ec;
|
||||
}
|
||||
.panel-header .path,
|
||||
.panel-header .entity{
|
||||
float: right;
|
||||
}
|
||||
.panel-header .entity{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*模块面板*/
|
||||
.panel-body-float{
|
||||
overflow: hidden;
|
||||
padding: 15px 0 0 15px;
|
||||
}
|
||||
.float-label{
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
padding:4px 12px;
|
||||
margin-right: 15px;
|
||||
margin-bottom: 15px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid #cbced3;
|
||||
background-color: #e7e9ec;
|
||||
cursor: pointer;
|
||||
}
|
||||
.float-label.active{
|
||||
color: #ffffff;
|
||||
border: 1px solid #209684;
|
||||
background-color: #1ab394;
|
||||
}
|
||||
|
||||
/*实体类面板*/
|
||||
.panel-header .control{
|
||||
margin-left: 110px;
|
||||
}
|
||||
.panel-header .control button{
|
||||
margin: 0;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
.panel-header .control button .fa{
|
||||
margin-right: 6px;
|
||||
}
|
||||
.panel-header .control button.field-add .fa{
|
||||
color: #228b22;
|
||||
}
|
||||
.panel-header .control button.field-del .fa{
|
||||
color: #ff4200;
|
||||
}
|
||||
.panel-header .control button.field-up .fa,
|
||||
.panel-header .control button.field-down .fa{
|
||||
color: #005cff;
|
||||
}
|
||||
.panel-header .control button:hover{
|
||||
border-color: #009688;
|
||||
}
|
||||
.panel-body-entity .layui-table{
|
||||
margin: 0;
|
||||
}
|
||||
.panel-body-entity .layui-table tr:hover,
|
||||
.panel-body-entity .layui-table tr:hover input{
|
||||
background-color: #e5f3ff;
|
||||
}
|
||||
.panel-body-entity .layui-table th{
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
.panel-body-entity .layui-table td{
|
||||
padding: 0;
|
||||
border-color: #cccccc;
|
||||
}
|
||||
.panel-body-entity .layui-table th,
|
||||
.panel-body-entity .layui-table td{
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
.panel-body-entity .layui-table th:last-child,
|
||||
.panel-body-entity .layui-table td:last-child{
|
||||
border-right: none;
|
||||
}
|
||||
.panel-body-entity .layui-table tr:last-child td{
|
||||
border-bottom: none;
|
||||
}
|
||||
.panel-body-entity .layui-table td input{
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
border: none;
|
||||
text-indent: 15px;
|
||||
transition: all .3s;
|
||||
-webkit-transition: all .3s;
|
||||
}
|
||||
.panel-body-entity .layui-table td input:focus{
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.panel-body-entity .layui-table td .xm-input.xm-select{
|
||||
border: none;
|
||||
padding-left: 14px;
|
||||
}
|
||||
.panel-body-entity .layui-table .entity-number{
|
||||
padding-left: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.panel-body-entity .layui-table td.layui-form input,
|
||||
.panel-body-entity .layui-table td.entity-verify input{
|
||||
text-indent: 5px;
|
||||
}
|
||||
.panel-body-entity .layui-table .entity-name input,
|
||||
.panel-body-entity .layui-table .entity-title input{
|
||||
color: #228b22;
|
||||
}
|
||||
.panel-body-entity .layui-table .entity-type input{
|
||||
color: #0607ff;
|
||||
}
|
||||
.panel-body-entity .layui-table .entity-query input{
|
||||
color: #ff9400;
|
||||
}
|
||||
.panel-body-entity .layui-table .entity-show{
|
||||
padding-left: 15px;
|
||||
}
|
||||
.panel-body-entity .layui-table .entity-show .layui-form-switch{
|
||||
margin-top: initial;
|
||||
}
|
||||
|
||||
/*保存页面详细信息*/
|
||||
.save-detail {
|
||||
margin: 15px;
|
||||
}
|
||||
.save-detail .item{
|
||||
border: 1px solid #cccccc;
|
||||
margin-bottom: 12px;
|
||||
line-height: 24px;
|
||||
text-indent: 8px;
|
||||
}
|
||||
.save-detail .title{
|
||||
font-weight: bold;
|
||||
}
|
||||
.save-detail .info-s{
|
||||
font-weight: bold;
|
||||
color: #5FB878;
|
||||
}
|
||||
.save-detail .info-e{
|
||||
font-weight: bold;
|
||||
color: #FFB800;
|
||||
}
|
||||
.save-detail .path{
|
||||
font-size: 10px;
|
||||
line-height: 15px;
|
||||
height: 14px;
|
||||
color: #4e4e4e;
|
||||
border-top: 1px solid #cccccc;
|
||||
}
|
||||
Reference in New Issue
Block a user