|
|
@ -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 |
|
|
|
} |
|
|
|
} |
|
|
|