Browse Source

feat Switch 按钮样式调整为绿色选中

wangqin
qingzhengli 8 months ago
parent
commit
907e9b7648
  1. 2
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/GuardrailCollision/index.vue
  2. 10
      ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Switcher.vue

2
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/Dialogs/GuardrailCollision/index.vue

@ -179,7 +179,7 @@ div.switcher {
align-items: center;
justify-content: end;
> div {
>div {
font-size: 16px;
padding: 6px 12px;
}

10
ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Switcher.vue

@ -9,7 +9,7 @@
<span :style="{ opacity: +active }">{{ getActiveOptions.unActive.text }}</span>
<div class="active" :style="{ left: active ? '0%' : '50%' }">{{ getActiveOptions[active ? 'active' :
'unActive'].text }}</div>
'unActive'].text }}</div>
</div>
</template>
@ -38,14 +38,14 @@ export default {
return {
active: {
text: "启用",
color: "#fff",
textColor: "#00B3CC",
color: "#00B3CC",
textColor: "#fff",
...this.activeOption?.active
},
unActive: {
text: "停用",
color: "#00B3CC",
textColor: "#fff",
color: "#fff",
textColor: "#00B3CC",
...this.activeOption?.unActive
}
}

Loading…
Cancel
Save