.ModalDiy{ :global{ .ant-modal-footer{ text-align: center; } .ant-modal-body{ padding: 12px; } } } .headOne{ padding-right: 20px; } .headTitle{ color: #999; } .zhanWei{ height: 100%; //padding: 10px; .header{ background-color: #EEF5FB; color: #000; padding: 10px; min-height: 32px; font-size: 16px; //grid-template-columns: repeat(auto-fill, 50%); text-align: center; border-radius: 2px; } .footer{ background: #f2f2f2; color: #000; padding: 10px; min-height: 40px; font-size: 14px; //grid-template-columns: repeat(auto-fill, 50%); text-align: center; border-radius: 4px; margin: 20px 0; } .list{ display: grid; grid-template-columns: repeat(auto-fill, 50px); column-gap: 15px; row-gap: 15px; height: 80%; padding-bottom: 20px; //max-height: 50vh; //min-height: 30vh; overflow-y: auto; margin: 20px 0; grid-auto-rows: min-content; .item{ display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; height: 50px; align-items: center; justify-items: center; //border: 1px solid #e6e6e6; border: 1px solid #999999; border-radius: 4px; padding: 5px; font-size: 12px; font-family: PingFangSC, PingFangSC-Medium; font-weight: 500; text-align: center; color: #222222; .itemHead{ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; font-size: 12px; justify-items: start; width: 100%; } .statusTag{ justify-self: end; } .name{ //font-weight: bold; //font-size: 16px; } } } } .noData{ display: grid; align-items: center; justify-items: center; width: 100%; height: 100%; min-height: 400px; } .tipsSpan{ padding: 0 20px; .tipsBlock{ display: inline-block; border: 1px solid #999999; border-radius: 4px; height: 14px; width: 14px; } .tipsText{ padding-left: 10px; } }