添加项目文件。
This commit is contained in:
dell
383
HT.Cloud.Web/wwwroot/js/lay-module/formDesigner/formDesigner.css
Normal file
383
HT.Cloud.Web/wwwroot/js/lay-module/formDesigner/formDesigner.css
Normal file
@ -0,0 +1,383 @@
|
||||
.layui-layout-admin .layui-logo {
|
||||
color : #fff;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.layui-side-right {
|
||||
position : fixed;
|
||||
right : 0;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
z-index : 999;
|
||||
width : 350px;
|
||||
overflow-x: hidden
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-side {
|
||||
top : 60px;
|
||||
width : 260px;
|
||||
overflow-x: hidden
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-side-right {
|
||||
top : 60px;
|
||||
width : 350px;
|
||||
overflow-x: hidden
|
||||
}
|
||||
|
||||
.layui-body {
|
||||
position : absolute;
|
||||
left : 260px;
|
||||
right : 350px;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
z-index : 998;
|
||||
width : auto;
|
||||
overflow-y : auto;
|
||||
box-sizing : border-box;
|
||||
min-width : 250px;
|
||||
border-left : 1px solid #e6e6e6;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.layui-layout-admin .layui-body {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* components-list*/
|
||||
|
||||
.components-list {
|
||||
padding : 4px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing : border-box;
|
||||
height : 100%
|
||||
}
|
||||
|
||||
.components-list .components-item {
|
||||
display : inline-block;
|
||||
width : 49%;
|
||||
margin : 0.5%;
|
||||
margin-top : 5px;
|
||||
-webkit-transition: -webkit-transform 0ms !important;
|
||||
transition : -webkit-transform 0ms !important;
|
||||
transition : transform 0ms !important;
|
||||
transition : transform 0ms, -webkit-transform 0ms !important
|
||||
}
|
||||
|
||||
.components-draggable {
|
||||
padding-bottom: 20px
|
||||
}
|
||||
|
||||
.components-title {
|
||||
font-size: 14px;
|
||||
color : #222;
|
||||
margin : 6px 2px
|
||||
}
|
||||
|
||||
.components-title .svg-icon {
|
||||
color : #666;
|
||||
font-size: 18px
|
||||
}
|
||||
|
||||
.components-body {
|
||||
padding : 8px 10px;
|
||||
background : #f6f7ff;
|
||||
font-size : 12px;
|
||||
cursor : move;
|
||||
border : 1px dashed #f6f7ff;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
.components-body .svg-icon {
|
||||
color : #777;
|
||||
font-size: 15px
|
||||
}
|
||||
|
||||
.components-body:hover {
|
||||
border: 1px dashed #787be8;
|
||||
color : #787be8
|
||||
}
|
||||
|
||||
.components-body:hover .svg-icon {
|
||||
color: #787be8
|
||||
}
|
||||
|
||||
.ghost {
|
||||
|
||||
border : 1px dashed #e06c1d;
|
||||
outline-width: 0;
|
||||
height : 39px;
|
||||
box-sizing : border-box;
|
||||
font-size : 0;
|
||||
content : '';
|
||||
overflow : hidden;
|
||||
padding : 0;
|
||||
}
|
||||
.ghost div {
|
||||
background-color:#fff;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.layui-body .active {
|
||||
outline : 2px solid #409EFF;
|
||||
border : 1px solid #409EFF;
|
||||
outline-offset: 0;
|
||||
}
|
||||
|
||||
#formDesignerForm .layui-form-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#formDesignerForm .grid {
|
||||
padding: 5px 5px;
|
||||
}
|
||||
|
||||
#formDesignerForm .layui-form-item:hover {
|
||||
border : 1px solid #409EFF;
|
||||
background-color: #e9f4fd !important;
|
||||
}
|
||||
|
||||
.widget-view-drag {
|
||||
position : absolute;
|
||||
left : -2px;
|
||||
top : -2px;
|
||||
bottom : -18px;
|
||||
height : 28px;
|
||||
line-height: 28px;
|
||||
background : #409EFF;
|
||||
z-index : 9;
|
||||
}
|
||||
|
||||
.widget-view-drag i {
|
||||
font-size: 14px;
|
||||
color : #fff;
|
||||
margin : 0 5px;
|
||||
cursor : move;
|
||||
}
|
||||
|
||||
.select-option-drag {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.select-option-delete {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.widget-view-action {
|
||||
position : absolute;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
height : 28px;
|
||||
line-height: 28px;
|
||||
background : #409EFF;
|
||||
z-index : 9;
|
||||
}
|
||||
|
||||
.widget-view-action i {
|
||||
font-size: 14px;
|
||||
color : #fff;
|
||||
margin : 0 5px;
|
||||
cursor : pointer;
|
||||
|
||||
}
|
||||
|
||||
#formDesignerForm {
|
||||
background: #fff;
|
||||
border : 1px dashed #999;
|
||||
min-height: 94%;
|
||||
margin : 10px;
|
||||
padding : 10px 10px;
|
||||
}
|
||||
|
||||
#formDesignerForm .widget-col-list {
|
||||
min-height: 50px;
|
||||
border : 1px dashed #ccc;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#formDesignerForm .widget-slider {
|
||||
margin: 18px 10px;
|
||||
width : 90%;
|
||||
position: absolute!important;
|
||||
}
|
||||
|
||||
.layui-empty {
|
||||
margin : 10px 60px;
|
||||
color : #9e9e9e;
|
||||
font-size : 16px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
#columnProperty .layui-form-item.option {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
#columnProperty .layui-form-item.option .layui-inline {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
/* 图片上传 */
|
||||
.uploader-list {
|
||||
margin-left: -15px;
|
||||
}
|
||||
|
||||
.uploader-list .info {
|
||||
position : relative;
|
||||
margin-top : -25px;
|
||||
background-color: black;
|
||||
color : white;
|
||||
filter : alpha(Opacity=80);
|
||||
-moz-opacity : 0.5;
|
||||
opacity : 0.5;
|
||||
width : 100px;
|
||||
height : 25px;
|
||||
text-align : center;
|
||||
display : none;
|
||||
}
|
||||
|
||||
.uploader-list .handle {
|
||||
position : relative;
|
||||
background-color: black;
|
||||
color : white;
|
||||
filter : alpha(Opacity=80);
|
||||
-moz-opacity : 0.5;
|
||||
opacity : 0.5;
|
||||
width : 100px;
|
||||
text-align : right;
|
||||
height : 18px;
|
||||
margin-bottom : -18px;
|
||||
display : none;
|
||||
}
|
||||
|
||||
.uploader-list .handle i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.uploader-list .handle i:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.uploader-list .file-iteme {
|
||||
margin : 12px 0 0 15px;
|
||||
padding: 1px;
|
||||
float : left;
|
||||
}
|
||||
|
||||
|
||||
/*自定义layer颜色*/
|
||||
body .cool-black .layui-layer-title {
|
||||
color : #fff;
|
||||
height : 50px;
|
||||
line-height : 50px;
|
||||
background-color: #191a23;
|
||||
border : none;
|
||||
}
|
||||
|
||||
body .cool-black .layui-layer-setwin a {
|
||||
color : #fff;
|
||||
font-size : 16px;
|
||||
font-style : normal;
|
||||
font-family : layui-icon !important;
|
||||
-webkit-font-smoothing : antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
body .cool-black .layui-layer-btn a {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.htmlcodeview,
|
||||
.importjsoncodeview {
|
||||
position: relative;
|
||||
display : none;
|
||||
}
|
||||
|
||||
.htmlcodeview textarea,
|
||||
.getFormData textarea,
|
||||
.importjsoncodeview textarea {
|
||||
display : block;
|
||||
width : 760px;
|
||||
height : 560px;
|
||||
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;
|
||||
}
|
||||
|
||||
.htmlcodeview a,
|
||||
.importjsoncodeview a {
|
||||
position: absolute;
|
||||
right : 20px;
|
||||
bottom : 20px;
|
||||
}
|
||||
|
||||
.aboutusview .about {
|
||||
display : block;
|
||||
width : 760px;
|
||||
height : 554px;
|
||||
padding : 20px 20px;
|
||||
overflow : hidden;
|
||||
background-color: #191a23;
|
||||
color : #ccc;
|
||||
}
|
||||
.aboutusview .about p{
|
||||
line-height: 30px;
|
||||
|
||||
}
|
||||
|
||||
.aboutusview .about .yellow{
|
||||
color:#e6ec8d;
|
||||
}
|
||||
|
||||
.layui-disabled {
|
||||
background-color: #f5f7fa;
|
||||
border-color: #dfe4ed;
|
||||
color: #c0c4cc;
|
||||
}
|
||||
|
||||
.custom-lg{
|
||||
margin: -3px 0px 0px 10px;
|
||||
}
|
||||
.custom-zc{
|
||||
margin: 0px 0px 0px 10px;
|
||||
}
|
||||
.custom-sm{
|
||||
margin: 5px 0px 0px 10px;
|
||||
}
|
||||
.custom-xs{
|
||||
margin: 10px 0px 0px 10px;
|
||||
}
|
||||
|
||||
.iceEditor-disabled {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: rgba(245,247,250,0.79) !important;
|
||||
border-color: #dfe4ed !important;
|
||||
color: #c0c4cc !important;
|
||||
z-index: 1 !important;
|
||||
display: block;
|
||||
}
|
||||
.layui-form-label {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.layui-form-item .layui-form-required:after {
|
||||
content: '*';
|
||||
color: red;
|
||||
position: absolute;
|
||||
margin-left: 4px;
|
||||
font-weight: bold;
|
||||
line-height: 1.8em;
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
}
|
||||
Reference in New Issue
Block a user