123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- .taskMessagePage {
- width: 100%;
- .taskMessageBox {
- width: 100%;
- height: calc(100% - 60px);
- overflow: auto;
- .taskListRow {
- width: 100%;
- height: 53px;
- flex-wrap: wrap;
- .taskIcon {
- width: 13%;
- height: 100%;
- position: relative;
- &.deviceIcon::after {
- content: '';
- position: absolute;
- background: #fff url('../../assets/accountOperation/accountAuthority.png') top center no-repeat;
- background-size: 100%;
- width: 0.53rem;
- height: 0.7rem;
- right: 0.18rem;
- top: 0.4rem;
- }
- &.retailIcon::after {
- content: '';
- position: absolute;
- background: #fff url('../../assets/accountOperation/retailIcon.png') top center no-repeat;
- background-size: 100%;
- width: 0.6rem;
- height: 0.6rem;
- right: 0.15rem;
- top: 0.4rem;
- }
- &.withIcon::after {
- content: '';
- position: absolute;
- background: #fff url('../../assets/accountOperation/withIcon.png') top center no-repeat;
- background-size: 100%;
- width: 0.6rem;
- height: 0.6rem;
- right: 0.15rem;
- top: 0.4rem;
- }
- &.merIcon::after {
- content: '';
- position: absolute;
- background: #fff url('../../assets/accountOperation/merchantManage.png') top center no-repeat;
- background-size: 100%;
- width: 0.66rem;
- height: 0.6rem;
- right: 0.15rem;
- top: 0.4rem;
- }
- &.labelIcon::after {
- content: '';
- position: absolute;
- background: #fff url('../../assets/accountOperation/labelMan.png') top center no-repeat;
- background-size: 100%;
- width: 0.53rem;
- height: 0.6rem;
- right: 0.2rem;
- top: 0.4rem;
- }
- &.relationAdminIcon::after {
- content: '';
- position: absolute;
- background: #fff url('../../assets/accountOperation/relationAdmin.png') top center no-repeat;
- background-size: 100%;
- width: 0.53rem;
- height: 0.6rem;
- right: 0.2rem;
- top: 0.4rem;
- }
- }
- .taskRight {
- width: 87%;
- height: 100%;
- position: relative;
- border-bottom: 1px solid #e7eaf7;
- &::after {
- content: '';
- position: absolute;
- width: 6px;
- height: 12px;
- background: url('../../assets/accountOperation/right.png') top center no-repeat;
- background-size: 100%;
- right: 0.55rem;
- top: 0.5rem;
- }
- .taskTitle {
- line-height: 53px;
- }
- }
- }
- }
- }
|