mirror of
				https://github.com/continew-org/continew-admin-ui.git
				synced 2025-10-31 22:57:15 +08:00 
			
		
		
		
	style(ColumnSetting): 图标样式调整
This commit is contained in:
		| @@ -47,7 +47,7 @@ | |||||||
|               {{ item.title }} |               {{ item.title }} | ||||||
|             </a-checkbox> |             </a-checkbox> | ||||||
|             <div class="gi-table__draggable-item-fixed"> |             <div class="gi-table__draggable-item-fixed"> | ||||||
|               <span |               <icon-pushpin | ||||||
|                 class="gi-table__fixed-icon" |                 class="gi-table__fixed-icon" | ||||||
|                 :class="[ |                 :class="[ | ||||||
|                   { |                   { | ||||||
| @@ -56,10 +56,8 @@ | |||||||
|                   }, |                   }, | ||||||
|                 ]" |                 ]" | ||||||
|                 @click="handleFixedColumn(item, 'left')" |                 @click="handleFixedColumn(item, 'left')" | ||||||
|               > |               /> | ||||||
|                 <icon-left /> |               <icon-pushpin | ||||||
|               </span> |  | ||||||
|               <span |  | ||||||
|                 class="gi-table__fixed-icon" |                 class="gi-table__fixed-icon" | ||||||
|                 :class="[ |                 :class="[ | ||||||
|                   { |                   { | ||||||
| @@ -67,10 +65,9 @@ | |||||||
|                     'gi-table__fixed-icon--disabled': !item.show, |                     'gi-table__fixed-icon--disabled': !item.show, | ||||||
|                   }, |                   }, | ||||||
|                 ]" |                 ]" | ||||||
|  |                 :rotate="270" | ||||||
|                 @click="handleFixedColumn(item, 'right')" |                 @click="handleFixedColumn(item, 'right')" | ||||||
|               > |               /> | ||||||
|                 <icon-right /> |  | ||||||
|               </span> |  | ||||||
|             </div> |             </div> | ||||||
|           </div> |           </div> | ||||||
|         </VueDraggable> |         </VueDraggable> | ||||||
| @@ -514,23 +511,18 @@ defineExpose({ | |||||||
|       margin-left: auto; |       margin-left: auto; | ||||||
|       display: flex; |       display: flex; | ||||||
|       align-items: center; |       align-items: center; | ||||||
|       gap: 8px; |  | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
|  |  | ||||||
|   &__fixed-icon { |   &__fixed-icon { | ||||||
|     display: inline-flex; |  | ||||||
|     align-items: center; |  | ||||||
|     padding: 2px 6px; |  | ||||||
|     border-radius: 2px; |  | ||||||
|     cursor: pointer; |     cursor: pointer; | ||||||
|  |     font-size: 16px; | ||||||
|  |     color: var(--color-text-3); | ||||||
|     transition: all 0.2s ease; |     transition: all 0.2s ease; | ||||||
|     font-size: 12px; |     padding: 4px; | ||||||
|     border: 1px solid var(--color-border-2); |     border-radius: 2px; | ||||||
|  |  | ||||||
|     &--active { |     &--active { | ||||||
|       border-color: rgb(var(--primary-6)); |  | ||||||
|       background-color: rgb(var(--primary-1)); |  | ||||||
|       color: rgb(var(--primary-6)); |       color: rgb(var(--primary-6)); | ||||||
|     } |     } | ||||||
|  |  | ||||||
| @@ -540,8 +532,8 @@ defineExpose({ | |||||||
|     } |     } | ||||||
|  |  | ||||||
|     &:hover:not(&--disabled) { |     &:hover:not(&--disabled) { | ||||||
|       border-color: rgb(var(--primary-6)); |  | ||||||
|       color: rgb(var(--primary-6)); |       color: rgb(var(--primary-6)); | ||||||
|  |       background-color: var(--color-fill-2); | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
| } | } | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user
	 KAI
					KAI