| | |
| | | /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <a-divider style="margin-top: 10px" /> |
| | | <div class="groupMain"> |
| | | <a-checkbox-group v-model="data" @change="handleChange" > |
| | | <div class="groupList"> |
| | | <a-checkbox value="1"></a-checkbox> |
| | | <div class="groupList-content" @click="groupListContentClick('1')" @dblclick="contentClick(1)"> |
| | | 而 stable version 是最新稳定版,经过充分测试和验证,bug 较少, |
| | | 适合用于生产环境。其版本号通常为双数,如 1.26。legacy versions |
| | | 则是之前发布的稳定版,对于需要 |
| | | 特定旧版本的兼容性或安全性支持的用户有用,但一般不 |
| | | 推荐用于新项目,除非有特殊需求。在实际使用中,如果追求最新功能 |
| | | 且愿意面对可能存在的一些不稳定因素,可以尝试使用主线版本进行测试和研究;如果是用于生产环境 |
| | | </div> |
| | | <div class="groupList-right"> |
| | | <a-switch v-model="switchType" checked-value="1" unchecked-value="0" @change="handleChangeStatus()"/> |
| | | </div> |
| | | </div> |
| | | |
| | | <div |
| | | class="groupList" |
| | | :style="{ background: keyBg == '2' ? '#eff8ff' : 'white' }" |
| | | > |
| | | <a-checkbox value="1"></a-checkbox> |
| | | <div |
| | | class="groupList-content" |
| | | @click="groupListContentClick('2')" |
| | | @dblclick="contentClick(1)" |
| | | > |
| | | 而 stable version 是最新稳定版,经过充分测试和验证,bug 较少, |
| | | 适合用于生产环境。其版本号通常为双数,如 1.26。legacy versions |
| | | 则是之前发布的稳定版,对于需要 |
| | | <div class="groupList"> |
| | | <a-checkbox value="1"></a-checkbox> |
| | | <div class="groupList-content" @click="groupListContentClick('2')" @dblclick="contentClick(1)"> |
| | | 而 stable version 是最新稳定版,经过充分测试和验证,bug 较少, |
| | | 适合用于生产环境。其版本号通常为双数,如 1.26。legacy versions |
| | | 则是之前发布的稳定版,对于需要 |
| | | </div> |
| | | <div class="groupList-right"> |
| | | <a-switch v-model="switchType" checked-value="1" unchecked-value="0" @change="handleChangeStatus()"/> |
| | | </div> |
| | | </div> |
| | | <div class="groupList-right"> |
| | | <a-switch |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | .parser { |
| | | width: 100%; |
| | | ::v-deep .arco-btn-outline:hover, |
| | | .arco-btn-outline, |
| | | .arco-btn-outline[type='button'] { |
| | | color: #2a2a2b; |
| | | border: 1px solid #2a2a2b; |
| | | } |
| | | .button { |
| | | //color: #2a2a2b!important; |
| | | .parser{ |
| | | width: 100%; |
| | | ::v-deep .arco-btn-outline:hover, .arco-btn-outline, .arco-btn-outline[type='button']{ |
| | | color: #2a2a2b; |
| | | border: 1px solid #2a2a2b; |
| | | } |
| | | .button{ |
| | | //color: #2a2a2b!important; |
| | | } |
| | | } |
| | | .groupMain{ |
| | | width: 100%; |
| | | height: 500px; |
| | | overflow: auto; |
| | | display: flex; |
| | | justify-content: center; |
| | | .groupList{ |
| | | display: flex; |
| | | padding: 24px; |
| | | border-radius: 8px; |
| | | //background: #eff8ff; |
| | | border: 1px solid var(--color-neutral-3); |
| | | margin-bottom: 20px; |
| | | overflow: auto; |
| | | .groupList-content{ |
| | | width: 700px; |
| | | //height: 100px; |
| | | overflow: auto; |
| | | box-sizing: border-box; |
| | | margin: 0; |
| | | padding: 0; |
| | | color: var(--color-text-1); |
| | | font-size: 14px; |
| | | font-family: Inter; |
| | | position: relative; |
| | | |
| | | |
| | | } |
| | | } |
| | | .groupMain { |