| | |
| | | padding: 0px 8px; |
| | | color: #1A6FB8; |
| | | width: fit-content; |
| | | margin: 4px 0px 8px 0px; |
| | | margin: 12px 0px 8px 0px; |
| | | } |
| | | } |
| | | |
| | |
| | | display: flex; |
| | | gap: 8px; |
| | | margin-bottom: 8px; |
| | | margin-top: 12px; |
| | | } |
| | | |
| | | .MyDrawer { |
| | |
| | | height: 24px; |
| | | } |
| | | |
| | | &-name{ |
| | | &-name { |
| | | margin: 0px 16px 0px 8px; |
| | | max-width: 828px; |
| | | width: fit-content; |
| | | } |
| | | |
| | | &-btn{ |
| | | &-btn { |
| | | color: #1A6FB8; |
| | | width: 30px; |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | .marginLeft{ |
| | | .marginLeft { |
| | | margin-left: 55px; |
| | | |
| | | |
| | | //fontWeight: '600', marginBottom: '16px' |
| | | &-title{ |
| | | &-title { |
| | | font-weight: 600; |
| | | margin-bottom: 16px; |
| | | } |
| | | } |
| | | |
| | | .layerDetail{ |
| | | .layerDetail { |
| | | margin-top: -8px; |
| | | |
| | | &-title{ |
| | | &-title { |
| | | color: rgb(26, 111, 184); |
| | | margin-bottom: 16px; |
| | | } |
| | | |
| | | &-name{ |
| | | &-name { |
| | | font-size: 16px; |
| | | margin-bottom: 16px; |
| | | max-width: 400px; |
| | | } |
| | | |
| | | &-littleTitle{ |
| | | &-littleTitle { |
| | | margin-bottom: 16px; |
| | | } |
| | | |
| | | &-content{ |
| | | &-content { |
| | | margin-bottom: 16px; |
| | | } |
| | | } |
| | | |
| | | .VisitWorkBench { |
| | | margin: 16px; |
| | | |
| | | &-top { |
| | | background: #ffffff; |
| | | padding: 12px 16px 16px 16px; |
| | | |
| | | &-list { |
| | | display: flex; |
| | | gap: 24px; |
| | | margin-top: 16px; |
| | | |
| | | &-tabsItem { |
| | | display: flex; |
| | | padding: 12px 16px; |
| | | flex: 1; |
| | | justify-content: space-between; |
| | | |
| | | &-title { |
| | | font-size: 18px; |
| | | margin-right: 4px; |
| | | } |
| | | |
| | | &-imgView { |
| | | width: 48px; |
| | | height: 48px; |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | } |
| | | |
| | | &-middle { |
| | | background: #ffffff; |
| | | padding: 12px 16px 16px 16px; |
| | | margin-top: 12px; |
| | | height: 54vh; |
| | | } |
| | | |
| | | &-bottom { |
| | | background-color: #fff; |
| | | padding: 12px 16px 16px 16px; |
| | | margin-top: 12px; |
| | | |
| | | &-title{ |
| | | width: 140px; |
| | | font-family: DingTalk; |
| | | font-size: 22px; |
| | | } |
| | | |
| | | &-img { |
| | | width: 72px; |
| | | height: 72px; |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | .modeMore { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | |
| | | .bottomTab1{ |
| | | // display: 'flex', background: linear-gradient(to right, #6a1b9a, #e040fb) |
| | | display: flex; |
| | | background: linear-gradient(to right, #E8F7FF, #9FD4FD); |
| | | padding: 12px 16px 16px 16px; |
| | | } |
| | | |
| | | .bottomTab2{ |
| | | display: flex; |
| | | background: linear-gradient(to right, #FFF7E6, #FFD591); |
| | | padding: 12px 16px 16px 16px; |
| | | |
| | | } |