123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- .page {
- padding-bottom: 20px;
- :global {
- .ant-card-head-title {
- margin-left: 0;
- }
- }
- }
- .select {
- background: #3682b2;
- border-radius: 8px;
- border: 1px solid rgba(255, 255, 255, 0.3);
- }
- .iconStatus {
- width: 20px;
- height: 20px;
- vertical-align: middle;
- margin-right: 10px;
- border-radius: 50%;
- display: inline-block;
- }
- .detailCard {
- margin: 10px 0 10px 0;
- }
- .text {
- .tabBarExtraContent;
- font-size: 26px;
- text-align: center;
- }
- .abnormal {
- // margin: 10px 0 10px 0;
- height: 51px;
- width: 50%;
- .text {
- color: #1677ff;
- font-size: 28px;
- }
- }
- .tabBarExtraContent {
- display: flex;
- // justify-content: center;
- align-items: center;
- height: 100%;
- position: relative;
- }
- .tableTop {
- position: relative;
- overflow: hidden;
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .card {
- background: #eff5fc;
- padding: 10px 20px;
- position: relative;
- overflow: hidden;
- .orderIcon {
- background: #4a90e2;
- width: 300px;
- position: absolute;
- top: 40px;
- right: -92px;
- text-align: center;
- font-size: 24px;
- transform: rotate(45deg);
- padding: 10px 0;
- color: #fff;
- &.error {
- background: #fe5850;
- }
- }
- }
- .cardText {
- padding: 20px;
- font-size: 28px;
- }
- .tableTitle {
- position: absolute;
- top: 50%;
- left: 50%;
- font-size: 26px;
- transform: translate(-50%, -50%);
- }
- .tableTitle2 {
- font-size: 26px;
- text-align: center;
- margin-bottom: 10px;
- }
- .tableStatus {
- color: #4a90e2;
- font-size: 28px;
- position: absolute;
- right: 10px;
- }
- .content {
- margin-top: 50px;
- position: relative;
- }
- :global {
- .ant-table,
- .ant-table-cell,
- .ant-table-placeholder {
- background: transparent !important;
- }
- .ant-table-cell::before {
- display: none;
- }
- .ant-table-thead {
- background: #cbe0f6;
- }
- .ant-table-thead > tr > th,
- .ant-table-tbody > tr > td {
- padding: 16px 12px !important;
- font-size: 24px;
- }
- }
|