123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- .box {
- margin-bottom: 0.2rem;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- .item {
- width: 100%;
- margin-bottom: 0.15rem;
- display: flex;
- align-items: flex-start;
- font-size: 0.24rem;
- line-height: 0.28rem;
- color: #454444;
- .label {
- width: 1.14rem;
- flex-shrink: 0;
- }
- .content {
- flex: 1;
- }
- .contentFlex {
- width: 100%;
- padding: 0.3rem 0 0.2rem;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- }
- }
- .iconStatus {
- width: 0.2rem;
- height: 0.2rem;
- vertical-align: middle;
- margin-right: 0.1rem;
- border-radius: 50%;
- display: inline-block;
- }
- .img {
- width: 1.2rem;
- height: 0.9rem;
- display: block;
- margin-top: 0.1rem;
- }
- .page {
- .tableSelect {
- background-color: #b0d5f7 !important;
- }
- .table {
- background-color: #ffffff;
- }
- .typeText {
- color: #4a90e2 !important;
- }
- .threshold {
- display: flex;
- align-items: center;
- }
- .textAbnormal {
- color: #fe5850;
- }
- .textNormal {
- color: #4a90e2;
- }
- :global {
- .ant-collapse .ant-collapse-content {
- background-color: transparent !important;
- }
- .ant-collapse-item {
- background-color: transparent !important;
- }
- .ant-collapse > .ant-collapse-item {
- border-radius: 0.08rem;
- box-shadow: 0rem 0rem 0.08rem 0.02rem rgba(191, 191, 191, 0.2);
- border: 0.01rem solid #eee;
- // background: rgba(255, 255, 255);
- padding: 0 0.15rem;
- margin-bottom: 0.15rem;
- &.ant-collapse-item-active > .ant-collapse-header {
- border-bottom: 0.01rem solid #7a9dcd;
- border-radius: 0;
- }
- > .ant-collapse-header {
- background: none;
- color: rgb(91, 88, 88) 373;
- height: 0.62rem;
- font-size: 0.24rem;
- padding: 0;
- align-items: center;
- border-bottom: 0.01rem solid transparent;
- .ant-collapse-arrow {
- font-size: 0.24rem;
- right: 0;
- }
- .ant-collapse-extra {
- position: absolute;
- right: 0.3rem;
- }
- }
- }
- .ant-collapse:last-child > .ant-collapse-item {
- // margin-bottom: 0;
- }
- .ant-collapse-content {
- border-top: none;
- }
- .ant-collapse .ant-collapse-content > .ant-collapse-content-box {
- padding: 0;
- }
- }
- }
|