69 lines
1.4 KiB
Plaintext
69 lines
1.4 KiB
Plaintext
|
|
page {
|
||
|
|
background-color: #f3f3f4;
|
||
|
|
}
|
||
|
|
.open_door_title {
|
||
|
|
font-size: 30rpx;
|
||
|
|
font-weight: 500;
|
||
|
|
padding: 30rpx 30rpx 0 30rpx;
|
||
|
|
}
|
||
|
|
.access_control_equipment {
|
||
|
|
padding: 0 30rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
flex: 1;
|
||
|
|
justify-content: space-between;
|
||
|
|
-moz-column-gap: 30rpx;
|
||
|
|
column-gap: 30rpx;
|
||
|
|
}
|
||
|
|
.access_control_equipment .item {
|
||
|
|
flex: 1;
|
||
|
|
min-width: calc(42% - 30rpx);
|
||
|
|
max-width: 100%;
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 15rpx;
|
||
|
|
padding: 30rpx;
|
||
|
|
margin-top: 30rpx;
|
||
|
|
}
|
||
|
|
.access_control_equipment .item .header {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
.access_control_equipment .item .icon {
|
||
|
|
width: 70rpx;
|
||
|
|
height: 70rpx;
|
||
|
|
background-color: #f8f8f8;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
}
|
||
|
|
.access_control_equipment .item .name {
|
||
|
|
width: 100%;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #333;
|
||
|
|
padding-top: 20rpx;
|
||
|
|
}
|
||
|
|
.open_door_list {
|
||
|
|
padding: 30rpx;
|
||
|
|
}
|
||
|
|
.open_door_list .open_door_list_content {
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
padding: 0 30rpx;
|
||
|
|
margin: 20rpx 20rpx 30rpx 20rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
}
|
||
|
|
.open_door_list .open_door_list_content .open_door_list_header {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 20rpx 0 10rpx 0;
|
||
|
|
}
|
||
|
|
.open_door_list .open_door_list_content .open_door_list_header text {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.open_door_list .open_door_list_content .name {
|
||
|
|
padding-bottom: 20rpx;
|
||
|
|
}
|