| | |
| | | <addKnow @knowledgeData="knowledgeData"></addKnow> |
| | | </div> |
| | | <div class="lf-container-down"> |
| | | <div class="tabs"> |
| | | <a-scrollbar style="height:56rem;overflow: auto;"> |
| | | <div |
| | | class="tab" |
| | | v-for="(tab, index) in tabs" |
| | |
| | | </template> |
| | | </a-popover> |
| | | </div> |
| | | </a-scrollbar> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="rt-container"> |
| | | <a-tabs default-active-key="1"> |
| | |
| | | .lf-container-down{ |
| | | display: flex; |
| | | flex-direction: column; |
| | | box-sizing: border-box; |
| | | width: 90%; |
| | | height: 56rem; |
| | | //height: 56rem; |
| | | border: 1px solid #eeeeee; |
| | | overflow: auto; |
| | | padding: 10px; |
| | | //padding: 10px; |
| | | margin-bottom: 10px; |
| | | .tabs .tab { |
| | | //.tabs{ |
| | | // width: 100%; |
| | | // height: 100%; |
| | | // overflow: auto; |
| | | //} |
| | | .tab { |
| | | cursor: pointer; |
| | | box-sizing: border-box; |
| | | margin: 10px 0; |
| | | margin: 10px 10px; |
| | | padding:0 10px; |
| | | color: rgba(0, 0, 0, 0.88); |
| | | font-size: 14px; |
| | |
| | | border: 1px solid #f0f0f0; |
| | | border-radius: 8px; |
| | | } |
| | | .tabs .tab:hover { |
| | | .tab:hover { |
| | | border: 1px solid #ffffff; |
| | | background: #e8e8ea; |
| | | box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); |
| | | } |
| | | .tabs .tab.active { |
| | | .tab.active { |
| | | border: 1px solid #e8e8ea; |
| | | background: #e8e8ea; |
| | | cursor: pointer; |