Browse Source

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

wangqin
qingzhengli 1 year 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; align-items: center;
justify-content: end; justify-content: end;
> div { >div {
font-size: 16px; font-size: 16px;
padding: 6px 12px; 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> <span :style="{ opacity: +active }">{{ getActiveOptions.unActive.text }}</span>
<div class="active" :style="{ left: active ? '0%' : '50%' }">{{ getActiveOptions[active ? 'active' : <div class="active" :style="{ left: active ? '0%' : '50%' }">{{ getActiveOptions[active ? 'active' :
'unActive'].text }}</div> 'unActive'].text }}</div>
</div> </div>
</template> </template>
@ -38,14 +38,14 @@ export default {
return { return {
active: { active: {
text: "启用", text: "启用",
color: "#fff", color: "#00B3CC",
textColor: "#00B3CC", textColor: "#fff",
...this.activeOption?.active ...this.activeOption?.active
}, },
unActive: { unActive: {
text: "停用", text: "停用",
color: "#00B3CC", color: "#fff",
textColor: "#fff", textColor: "#00B3CC",
...this.activeOption?.unActive ...this.activeOption?.unActive
} }
} }

Loading…
Cancel
Save