eeds_app/common/common.css
2024-06-04 14:51:40 +08:00

403 lines
5.2 KiB
CSS

* {
z-index: 1;
}
.content {
height: 100%;
}
.flex-par {
display: flex;
}
.align-items-c{
align-items: center;
}
.space-between{
justify-content: space-between;
}
.flex-wrap{
flex-wrap: wrap;
}
.j-c-center{
justify-content: center;
}
.flex-son {
flex: 1
}
.width-percent-100 {
width: 100%;
}
.slh {
overflow: hidden;
white-space: nowrap;
/* 防止文字换行 */
text-overflow: ellipsis;
/* 超出部分显示省略号 */
}
.text-c{
text-align: center;
}
.text-r {
text-align: right;
}
.float-r {
float: right;
}
.active-style:active {
opacity: .7;
}
.black-color {
color: #000000 !important;
}
.gray-color {
color: gray;
}
.orange-bk {
background-color: rgba(245, 154, 35, 1);
}
.orange-color {
color: #F59A23;
}
.blue-bk {
background-color: rgba(36, 210, 208, 1);
}
.blue-color {
color: rgba(36, 210, 208, 1);
}
.red-bk {
background-color: #D9001B;
}
.red-color {
color: #D9001B;
}
.green-bk {
background-color: #70B603;
}
.green-color {
color: #70B603;
}
.dark-green-color {
color: #4b9e95;
}
.blue-btn {
background-color: rgba(36, 210, 208, 1);
color: white;
display: inline-block;
border: 1rpx solid rgba(36, 210, 208, 1);
}
.gray-btn {
background-color: #c4c6c5;
color: white;
display: inline-block;
border: 1rpx solid #c4c6c5;
}
.blue-border-btn {
color: rgba(36, 210, 208, 1);
border: 1rpx solid rgba(36, 210, 208, 1);
background-color: white;
display: inline-block;
}
.small-btn {
font-size: 26rpx;
padding: 4rpx 10rpx;
border-radius: 8rpx;
}
.page-list-box {}
.page-list-box .list-item {
border-bottom: 1rpx solid #ddd;
padding: 20rpx 20rpx 0 20rpx;
width: 710rpx;
}
.page-list-box .list-row {
font-size: 30rpx;
height: 50rpx;
line-height: 50rpx;
}
.page-list-box .list-field {
color: #AAAAAA;
}
.page-list-box .list-field-value {
flex: 1;
color: #000000;
}
.page-list-box .list-state {}
.page-list-box .list-row-btn {
height: 70rpx;
line-height: 70rpx;
border-top: 1rpx solid #ddd;
}
.page-list-box .list-filed-2 {
color: #AAAAAA;
font-size: 27rpx;
flex: 1
}
.page-list-box .list-btn {
color: white;
height: 40rpx;
line-height: 40rpx;
font-size: 26rpx;
padding: 0 12rpx;
margin-top: 15rpx;
border-radius: 20rpx;
}
.content {
background-color: rgba(245, 245, 245, 1);
overflow: auto;
}
.margin-l-30 {
margin-left: 30rpx;
}
.margin-b-30 {
margin-bottom: 30rpx;
}
.form-box {
margin: 30rpx 30rpx 0 30rpx;
background-color: white;
width: 690rpx;
}
.form-title {
font-size: 36rpx;
color: #333333;
font-weight: 700;
height: 80rpx;
line-height: 80rpx;
padding: 0 20rpx;
}
.form-title-2 {
font-size: 32rpx;
color: #333333;
font-weight: 700;
height: 60rpx;
line-height: 60rpx;
padding: 0 20rpx;
}
.form-item {
padding: 12rpx 20rpx;
}
.form-field {
color: #000000;
padding-top: 4rpx;
padding-bottom: 4rpx;
}
.form-field2 {
color: #000000;
padding-top: 4rpx;
padding-bottom: 4rpx;
display: inline-block;
vertical-align: top;
}
.form-info {
/* flex: 1; */
overflow: hidden;
}
.form-info2 {
/* flex: 1; */
overflow: hidden;
display: inline-block;
padding-top: 4rpx;
padding-bottom: 4rpx;
vertical-align: top;
}
.form-info3 {
display: inline-block;
padding-top: 4rpx;
padding-bottom: 4rpx;
vertical-align: top;
}
.form-picker,
.form-input,
.form-textarea {
border: 1rpx solid rgba(242, 242, 242, 1);
font-size: 30rpx;
padding: 6rpx 10rpx;
}
.form-label-width-1 .form-field {
width: 150rpx;
}
/* .form-label-width-2 .form-field {
width: 300rpx;
} */
.form-label-right .form-info {
text-align: right;
margin-left: 20rpx;
}
.form-img-box {
width: 140rpx;
height: 140rpx;
margin: 20rpx 0 0 20rpx;
float: left;
}
.form-img {
width: 100%;
height: 100%;
}
.form-btn-row {
text-align: center;
}
.form-btn-row .btn {
flex: 1;
margin: 20rpx;
height: 80rpx;
line-height: 80rpx;
border-radius: 10rpx;
font-size: 34rpx;
}
.audit-box {
margin: 30rpx;
padding-bottom: 30rpx;
}
.audit-item {
min-height: 160rpx;
position: relative;
margin-bottom: 20rpx;
}
.audit-item::after {
content: '';
position: absolute;
width: 2rpx;
height: calc(100% - 45rpx);
background-color: #333333;
left: 60rpx;
top: 55rpx
}
.audit-item:last-child::after {
display: none;
}
.audit-title {
width: 60%;
font-size: 30rpx;
}
.audit-right {
flex: 1
}
.audit-name {
color: #000000;
font-size: 28rpx;
}
.audit-state {
margin-left: 30rpx;
}
.audit-time {
font-size: 25rpx;
color: #7F7F7F;
}
.audit-qianming {
height: 70rpx;
width: 200rpx;
}
.sc-file-box {
padding: 0 30rpx 30rpx 30rpx;
}
.sc-name {
color: #000000;
margin-bottom: 10rpx;
}
.sc-url {
color: #83adc6;
padding-left: 30rpx;
margin-bottom: 15rpx;
}
.table-cover table {
border-left: 1rpx solid #d7d7d7;
border-top: 1rpx solid #d7d7d7;
border-collapse: collapse;
width: 650rpx;
margin: 10rpx 0 30rpx 20rpx;
font-size: 30rpx;
text-align: center;
}
.table-cover th,
.table-cover td {
line-height: 60rpx;
border-right: 1rpx solid #d7d7d7;
border-bottom: 1rpx solid #d7d7d7;
}
.table-cover th {
background-color: #4fafba;
color: white;
}
/* 超出换行 */
.linxi-text-ccsl {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.alert{
width: 150px;
height: 70px;
border: 1px solid darkgray;
border-radius: 2px;
background-color: rgba(50,248,119,0.2);
}