| | |
| | | > |
| | | {{ tab.name }} |
| | | <a-popover position="bl"> |
| | | <icon-more :style="{position: 'absolute',top:'10px',right:'20px'}"/> |
| | | <icon-more :style="{position: 'absolute',top:'10px',right:'10px'}"/> |
| | | <template #content> |
| | | <!-- <a-popconfirm content="确定删除吗?" @ok="deleteKnowledge(tab.id)" type="warning">--> |
| | | <!-- <span style="cursor: pointer;color: #4977ba;font-size: 12px"><icon-delete style="font-size: 14px"/>删除</span>--> |
| | |
| | | width: 90%; |
| | | //height: 56rem; |
| | | border: 1px solid var(--color-fill-3); |
| | | border-radius: 8px; |
| | | //padding: 10px; |
| | | margin-bottom: 10px; |
| | | //.tabs{ |
| | |
| | | box-sizing: border-box; |
| | | margin: 10px 10px; |
| | | padding:0 10px; |
| | | color: rgba(0, 0, 0, 0.88); |
| | | padding-right: 20%; |
| | | font-size: 14px; |
| | | height: 40px; |
| | | line-height: 40px; |
| | | list-style: none; |
| | | position: relative; |
| | | background: #ffffff; |
| | | border: 1px solid #f0f0f0; |
| | | color: var(--color-text-1); |
| | | border: 1px solid var(--color-neutral-3); |
| | | background: var(--color-bg-2); |
| | | border-radius: 8px; |
| | | overflow: hidden; /* 确保超出容器的文本被隐藏 */ |
| | | white-space: nowrap; /* 防止文本换行 */ |
| | | text-overflow: ellipsis; /* 超出部分显示省略号 */ |
| | | } |
| | | .tab:hover { |
| | | border: 1px solid #ffffff; |
| | | color: #2a2a2b; |
| | | border: 1px solid var(--color-neutral-3); |
| | | 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); |
| | | } |
| | | .tab.active { |
| | | border: 1px solid #e8e8ea; |
| | | color: #2a2a2b; |
| | | border: 1px solid var(--color-neutral-1); |
| | | background: #e8e8ea; |
| | | cursor: pointer; |
| | | } |