| | |
| | | width: 14px; |
| | | height: 14px; |
| | | margin-right: 4px; |
| | | margin-top: 4px; |
| | | margin-top: -2px; |
| | | } |
| | | |
| | | &-register { |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25); |
| | | z-index: 1; |
| | | box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.12); |
| | | z-index: 2; |
| | | } |
| | | |
| | | &-hasTabPage { |
| | | background-color: #fff; |
| | | margin: 8px 16px 0px 16px; |
| | | padding: 12px 16px 64px 16px; |
| | | padding: 12px 16px 16px 16px; |
| | | |
| | | .arco-tabs-header-nav { |
| | | margin-left: 0 !important; |
| | |
| | | |
| | | &-record { |
| | | border: 1px solid #D9D9D9; |
| | | border-radius: 8px; |
| | | // border-radius: 8px; |
| | | margin-right: 16px; |
| | | margin-top: 8px; |
| | | |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | background-color: #FAFAFA; |
| | | border-radius: 8px; |
| | | // border-radius: 8px 8px 0px 0px; |
| | | position: relative; |
| | | |
| | | |
| | |
| | | width: 12px; |
| | | height: 12px; |
| | | margin-right: 12px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | &-edit { |
| | |
| | | background-color: #E8F3FF; |
| | | border-radius: 2px; |
| | | margin-top: 8px; |
| | | margin-bottom: -2px; |
| | | } |
| | | |
| | | &-textarea { |
| | |
| | | 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 { |
| | |
| | | border: 1px solid #1A6FB8; |
| | | color: #1A6FB8; |
| | | } |
| | | } |
| | | |
| | | .highlighted { |
| | | color: #1a6fb8; |
| | | border: 1px solid #1a6fb8; |
| | | border-radius: 2px; |
| | | } |
| | | |
| | | .gap { |
| | |
| | | align-items: center; |
| | | margin-bottom: 4px; |
| | | |
| | | } |
| | | |
| | | .gradient-box { |
| | | position: absolute; |
| | | right: 0; |
| | | top: 60%; |
| | | } |
| | | |
| | | .aiBox { |
| | | flex: 1 1 0%; |
| | | background-color: rgb(242, 243, 245); |
| | | height: 100vh; |
| | | overflow-y: auto; |
| | | |
| | | &-case { |
| | | display: flex; |
| | | margin: 16px; |
| | | gap: 10px; |
| | | |
| | | &-logo { |
| | | width: 30px; |
| | | padding-top: 3px; |
| | | |
| | | &-img { |
| | | width: 26px; |
| | | height: 26px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | &-list { |
| | | |
| | | &-item { |
| | | display: flex; |
| | | background-color: #fff; |
| | | width: fit-content; |
| | | padding: 8px 12px; |
| | | border-radius: 8px; |
| | | margin-bottom: 8px; |
| | | margin-right: 16px; |
| | | align-items: center; |
| | | font-size: 14px; |
| | | |
| | | |
| | | &-type { |
| | | border: 1px solid #1A6FB8; |
| | | padding: 0px 8px; |
| | | color: #1A6FB8; |
| | | border-radius: 4px; |
| | | width: 79px; |
| | | height: 24px; |
| | | } |
| | | |
| | | &-name { |
| | | margin: 0px 16px 0px 8px; |
| | | max-width: 828px; |
| | | width: fit-content; |
| | | } |
| | | |
| | | &-btn { |
| | | color: #1A6FB8; |
| | | width: 30px; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .marginLeft { |
| | | margin-left: 55px; |
| | | |
| | | &-tip { |
| | | margin-top: -12px; |
| | | margin-bottom: 12px; |
| | | margin-left: 55px; |
| | | } |
| | | |
| | | |
| | | //fontWeight: '600', marginBottom: '16px' |
| | | &-title { |
| | | font-weight: 600; |
| | | margin-bottom: 16px; |
| | | } |
| | | } |
| | | |
| | | .layerDetail { |
| | | margin-top: -8px; |
| | | |
| | | &-title { |
| | | color: rgb(26, 111, 184); |
| | | margin-bottom: 16px; |
| | | } |
| | | |
| | | &-name { |
| | | font-size: 16px; |
| | | margin-bottom: 16px; |
| | | max-width: 400px; |
| | | } |
| | | |
| | | &-littleTitle { |
| | | margin-bottom: 16px; |
| | | } |
| | | |
| | | &-content { |
| | | margin-bottom: 16px; |
| | | } |
| | | } |
| | | |
| | | .VisitWorkBench { |
| | | margin: 16px; |
| | | |
| | | &-top { |
| | | background: #ffffff; |
| | | padding: 12px 16px 16px 16px; |
| | | |
| | | &-list { |
| | | display: flex; |
| | | gap: 24px; |
| | | margin-top: 16px; |
| | | cursor: pointer; |
| | | |
| | | &-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; |
| | | position: relative; |
| | | |
| | | &-search { |
| | | position: absolute; |
| | | right: 16px; |
| | | top: 12px; |
| | | |
| | | .arco-form-item { |
| | | margin-right: 16px; |
| | | } |
| | | |
| | | .arco-form-layout-vertical>.arco-form-label-item { |
| | | margin-bottom: 0; |
| | | } |
| | | } |
| | | |
| | | &-select { |
| | | position: absolute; |
| | | left: 0; |
| | | bottom: 12px; |
| | | |
| | | .linkBtnColor { |
| | | color: #1A6FB8; |
| | | cursor: pointer; |
| | | margin-left: 16px; |
| | | } |
| | | } |
| | | } |
| | | |
| | | &-bottom { |
| | | background-color: #fff; |
| | | padding: 12px 16px 16px 16px; |
| | | margin-top: 12px; |
| | | |
| | | &-title { |
| | | width: 140px; |
| | | font-family: DingTalk; |
| | | font-size: 30px; |
| | | } |
| | | |
| | | &-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); |
| | | flex: 1; |
| | | padding: 12px 16px 16px 16px; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | |
| | | } |
| | | |
| | | .bottomTab2 { |
| | | display: flex; |
| | | background: linear-gradient(to right, #FFF7E6, #FFD591); |
| | | padding: 12px 16px 16px 16px; |
| | | flex: 1; |
| | | justify-content: center; |
| | | |
| | | } |
| | | |
| | | .timeTip { |
| | | display: inline-block; |
| | | |
| | | &-red { |
| | | color: #F53F3F; |
| | | background: #ffece8; |
| | | border-radius: 4px; |
| | | padding: 2px 8px 4px 8px; |
| | | |
| | | &-drop { |
| | | display: inline-block; |
| | | width: 6px; |
| | | height: 6px; |
| | | background: #F53F3F; |
| | | border-radius: 2px; |
| | | margin: 0 5px 2px 0; |
| | | } |
| | | |
| | | &-tips { |
| | | display: inline-block; |
| | | width: 24px; |
| | | height: 24px; |
| | | background: #f53f3f; |
| | | border-radius: 6px; |
| | | color: #fff; |
| | | text-align: center; |
| | | margin-left: 5px; |
| | | font-size: 12px; |
| | | line-height: 24px; |
| | | } |
| | | } |
| | | |
| | | &-green { |
| | | color: #00b42a; |
| | | background: #E8FFEA; |
| | | border-radius: 4px; |
| | | padding: 2px 8px 4px 8px; |
| | | |
| | | &-drop { |
| | | display: inline-block; |
| | | width: 6px; |
| | | height: 6px; |
| | | background: #00b42a; |
| | | border-radius: 2px; |
| | | margin: 0 5px 2px 0; |
| | | } |
| | | } |
| | | } |