fastlion-amis
Version:
一种MIS页面生成工具
247 lines (242 loc) • 7.12 kB
CSS
@charset "UTF-8";
.space-content-item_amis_staging {
padding-top: 12px;
margin: 0px auto;
max-width: 1200px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.space-content-item_amis_staging .mobile-card-handle {
width: 300px;
padding-right: 10px;
margin-bottom: 10px;
}
.space-content-item_amis_staging .mobile-card-handle .mobile-card-handle-color {
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border-radius: 8px;
box-shadow: 5px 10px 20px #e5e4e4;
cursor: pointer;
transition: transform 0.6s;
}
.space-content-item_amis_staging .mobile-card-handle .mobile-card-handle-color:hover {
transform: scale(1.05);
}
.space-content-item_amis_staging .mobile-card-handle .mobile-card-handle-color .mobile-card-handle_text {
width: 80px;
height: 64px;
line-height: 30px;
font-size: 14px;
}
.space-content-item_amis_staging .mobile-card-handle .mobile-card-handle-color .mobile-card-handle_text .text_number {
font-size: 26px;
color: #0076F6;
}
.space-content-item_amis_staging .mobile-card-handle .mobile-card-handle-color .mobile-card-handle_icon {
width: 42px;
height: 42px;
font-size: 42px;
}
.space-content-item_amis_staging .mobile-card-handle .mobile-card-handle-color .mobile-card-handle_icon svg {
top: -5px;
}
.space-content-item—modile_Dialog {
width: auto;
padding: 12px 12px 0;
}
.space-content-item—modile_Dialog .mobile-card-handle {
width: 50%;
padding: 0 5px;
}
.space-content-item—modile_Dialog .mobile-card-handle .mobile-card-handle-color {
box-shadow: none;
transition: none;
}
.space-content-item—modile_Dialog .mobile-card-handle:nth-child(1) {
padding-left: 0;
}
.space-content-item—modile_Dialog .mobile-card-handle:nth-child(3n) {
padding-left: 0;
}
.space-content-item—modile_Dialog .mobile-card-handle:nth-child(2n) {
padding-right: 0;
}
.space-content-item_amis .mobile-card-container_amis {
margin-bottom: 10px;
}
.space-content-item_amis .mobile-card-container_amis .mobile-card-title_amis {
padding: 6px 12px 0;
font-size: 15px;
letter-spacing: 1px;
font-weight: 500;
height: 32px;
line-height: 32px;
color: #000000;
margin-bottom: 5px;
}
.space-content-item_amis .mobile-card-container_amis .mobile-card-content_amis {
display: flex;
justify-content: flex-start;
align-content: center;
flex-wrap: wrap;
padding: 0 6px;
}
.space-content-item_amis .mobile-card-container_amis .mobile-card-content_amis .mobile-card-item_amis {
width: 25%;
padding: 0 6px;
margin-bottom: 10px;
}
.space-content-item_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
transition: transform 0.6s;
background-color: #fff;
cursor: pointer;
border-radius: 8px;
padding: 10px 0px;
}
.space-content-item_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis .card-item-icon_amis {
display: flex;
align-items: center;
background-color: #f2b23e;
border-radius: 4px;
width: 32px;
height: 32px;
text-align: center;
justify-content: center;
font-size: 16px;
color: #fff;
}
.space-content-item_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis .card-item-icon_amis svg,
.space-content-item_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis .card-item-icon_amis .anticon {
margin: auto;
width: 25px;
height: 25px;
color: #fff;
}
.space-content-item_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis .card-item-name_amis {
font-size: 13px;
letter-spacing: 0.5px;
margin-top: 10px;
color: #000;
text-align: center;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.space-content-item-modile_amis {
max-width: 1200px;
margin: 0 auto;
min-width: 600px;
}
.space-content-item-modile_amis .mobile-card-container_amis {
padding: 0;
}
.space-content-item-modile_amis .mobile-card-container_amis .mobile-card-content_amis {
padding: 0;
}
.space-content-item-modile_amis .mobile-card-container_amis .mobile-card-content_amis .mobile-card-item_amis {
max-width: 200px;
padding-right: 12px;
margin-top: 10px;
padding-left: 0;
width: 200px;
}
.space-content-item-modile_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis {
flex-direction: row;
border-radius: 3px;
padding: 5px 5px;
border: 1px solid #f7f7f7;
background-color: #fff;
box-shadow: 5px 10px 20px #e5e4e4;
width: auto;
margin-right: 5px;
height: 60px;
}
.space-content-item-modile_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis .card-item-name_amis {
max-width: 150px;
width: 150px;
margin: 0;
}
.space-content-item-modile_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis:hover {
transform: scale(1.1);
}
.space-content-item-Modile_amis {
padding: 0 12px;
}
.space-content-item-Modile_amis .mobile-card-container_amis {
margin-bottom: 10px;
background-color: #fff;
border-radius: 5px;
}
.space-content-item-Modile_amis .mobile-card-container_amis .mobile-card-title_amis {
padding: 6px 12px 0;
font-size: 15px;
letter-spacing: 1px;
font-weight: 500;
height: 32px;
line-height: 32px;
color: #000000;
margin-bottom: 5px;
}
.space-content-item-Modile_amis .mobile-card-container_amis .mobile-card-content_amis {
display: flex;
justify-content: flex-start;
align-content: center;
flex-wrap: wrap;
}
.space-content-item-Modile_amis .mobile-card-container_amis .mobile-card-content_amis .mobile-card-item_amis {
width: 25%;
margin-bottom: 10px;
}
.space-content-item-Modile_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
transition: transform 0.6s;
background-color: #fff;
cursor: pointer;
border-radius: 8px;
padding: 10px 0px;
}
.space-content-item-Modile_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis .card-item-icon_amis {
display: flex;
align-items: center;
background-color: #f2b23e;
border-radius: 4px;
width: 32px;
height: 32px;
text-align: center;
justify-content: center;
font-size: 16px;
color: #fff;
}
.space-content-item-Modile_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis .card-item-icon_amis svg,
.space-content-item-Modile_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis .card-item-icon_amis .anticon {
margin: auto;
width: 25px;
height: 25px;
color: #fff;
}
.space-content-item-Modile_amis .mobile-card-container_amis .mobile-card-content_amis .card-item_amis .card-item-name_amis {
font-size: 13px;
letter-spacing: 0.5px;
margin-top: 10px;
color: #000;
text-align: center;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
/*# sourceMappingURL=index.css.map */