| | |
| | | <a-divider style="margin-top: 10px" /> |
| | | <div class="groupMain"> |
| | | <a-checkbox-group v-model="data" @change="handleChange" > |
| | | <div class="groupList"> |
| | | <div class="groupList" :class="{groupActive:keyBg=='1',groupNoActive:keyBg!='1'}"> |
| | | <a-checkbox value="1"></a-checkbox> |
| | | <div class="groupList-content" @click="groupListContentClick('1')" @dblclick="contentClick(1)"> |
| | | 而 stable version 是最新稳定版,经过充分测试和验证,bug 较少, |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="groupList"> |
| | | <div class="groupList" :class="{groupActive:keyBg=='2',groupNoActive:keyBg!='2'}"> |
| | | <a-checkbox value="1"></a-checkbox> |
| | | <div class="groupList-content" @click="groupListContentClick('2')" @dblclick="contentClick(1)"> |
| | | 而 stable version 是最新稳定版,经过充分测试和验证,bug 较少, |
| | |
| | | padding: 24px; |
| | | border-radius: 8px; |
| | | //background: #eff8ff; |
| | | border: 1px solid var(--color-neutral-3); |
| | | border: 1px solid #f0f0f0; |
| | | margin-bottom: 20px; |
| | | overflow: auto; |
| | | .groupList-content{ |
| | |
| | | box-sizing: border-box; |
| | | margin: 0; |
| | | padding: 0; |
| | | color: var(--color-text-1); |
| | | color: #2a2a2b; |
| | | font-size: 14px; |
| | | font-family: Inter; |
| | | position: relative; |
| | | |
| | | |
| | | } |
| | | } |
| | | } |
| | | .groupActive{ |
| | | background: #eff8ff; |
| | | } |
| | | .groupNoActive{ |
| | | background: var(--color-bg-1); |
| | | color: var(--color-text-1); |
| | | } |
| | | </style> |