gz_car_ui/css/car_basic/car_form.css

234 lines
4.1 KiB
CSS
Raw Normal View History

2025-01-16 18:47:38 +08:00
.layout {
display: flex;
align-items: center;
justify-content: center;
}
#no_data_title {
width: 100%;
height: 200px;
flex-direction: column;
justify-content: space-evenly;
margin-top: 2%;
}
#search-info {
border-width: 1px;
margin-bottom: 10px;
}
.title {
width: 100%;
height: 30px;
justify-content: start;
}
.title p {
font-size: 14px;
font-weight: bold;
}
span.required {
color: red;
margin-left: 4px;
font-weight: bold;
line-height: 1.8em;
top: 6px;
right: 5px;
}
.upload-file {
flex-direction: column;
justify-content: space-around;
width: 200px;
height: 120px;
}
blockquote {
display: flex;
align-items: center;
}
#test2 {
width: 120px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: url("../../images/svg/u289.svg") no-repeat 0 0 / 100% 100%;
}
#test3 {
width: 159px;
height: 100px;
margin-left: 10px;
background-color: rgb(240, 240, 240);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: url("../../images/car_icon.png") no-repeat 0 0 / 100% 100%;
}
#test4 {
width: 159px;
height: 100px;
background-color: rgb(240, 240, 240);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: url("../../images/car_icon.png") no-repeat 0 0 / 100% 100%;
}
#test5 {
width: 159px;
height: 100px;
background-color: rgb(240, 240, 240);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: url("../../images/svg/u326.svg") no-repeat 0 0 / 100% 100%;
}
#test6 {
width: 120px;
height: 100px;
background-color: rgb(240, 240, 240);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.upload-title {
text-align: center;
color: #666;
font-size: 14px;
}
.uploader-list {
margin-left: -15px;
max-width: calc(100% - 200px);
}
.uploader-list .handle {
position: relative;
background-color: red;
color: white;
filter: alpha(Opacity=80);
-moz-opacity: 0.5;
opacity: 1;
/*width: 212px;*/
text-align: right;
height: 18px;
width: 18px;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
left: 89%;
margin-bottom: -12px;
/*display: none;*/
}
.uploader-list .handle p {
font-size: 18px;
color: #fff;
cursor: pointer;
}
.uploader-list .handle i {
margin-right: 5px;
}
.uploader-list .handle i:hover {
cursor: pointer;
}
.uploader-list .file-iteme {
margin: 0 0 0 10px;
padding: 1px;
float: left;
}
.layui-upload-list {
margin: 0;
}
.classTable {
width: 100%;
table-layout: fixed;
text-align: center;
border-collapse: collapse;
border-spacing: 1px;
box-sizing: border-box;
}
.classTable tr td,
.classTable tr th {
height: 50px;
box-sizing: border-box;
border: 1px solid #ddd;
padding: 10px;
text-align: left;
2025-01-21 10:46:20 +08:00
word-break: break-word;
2025-01-16 18:47:38 +08:00
}
.classTable tr th {
background-color: #f2f2f2;
}
#baseTable tr td,
#baseTable tr th {
text-align: center;
}
/**自定义滚动条样式 */
::-webkit-scrollbar {
width: 6px;
height: 6px
}
::-webkit-scrollbar-track {
background-color: transparent;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
::-webkit-scrollbar-thumb {
background-color: #9c9da0;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em
}
.layui-tab-brief>.layui-tab-title .layui-this {
color: #409eff;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
border-bottom: 2px solid #409eff;
}
a {
color: #428bca;
text-decoration: none;
}
a:hover,
a:focus {
color: #2a6496;
text-decoration: underline;
}
#layui-tab-brief {
border: 1px solid #f2f2f2;
border-radius: 5px;
background-color: #ffffff;
overflow-x: auto;
/* 启用横向滚动 */
white-space: nowrap;
/* 不换行 */
}