chiyi/image2api
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(channel): 渠道表单状态改为滑动开关，一眼可辨可切换

Browse Source 
Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
chiyi
2026-10-27 17:33:09 +08:00
co-authored by Devin
parent 71c0371c31
commit 682960de26
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/ChannelsView.vue
+3 -4
View File
@@ -247,11 +247,10 @@ onMounted(load)
</div> </div>
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<label class="lbl !mb-0">状态</label> <label class="lbl !mb-0">状态</label>
<button type="button" @click="form.enabled = !form.enabled" class="inline-flex items-center gap-1.5 text-xs" <button type="button" @click="form.enabled = !form.enabled" class="sw shrink-0" :class="{ 'sw-on': form.enabled }" role="switch" :aria-checked="form.enabled">
:class="form.enabled ? 'text-emerald-300' : 'text-white/40'"> <span class="sw-thumb"></span>
<span class="w-1.5 h-1.5 rounded-full" :class="form.enabled ? 'bg-emerald-400' : 'bg-white/25'"></span>
{{ form.enabled ? '已启用' : '已停用' }}
</button> </button>
<span class="text-xs" :class="form.enabled ? 'text-emerald-600' : 'text-[var(--fg-3)]'">{{ form.enabled ? '已启用' : '已停用' }}</span>
</div> </div>
<p v-if="formErr" class="text-xs text-rose-300">{{ formErr }}</p> <p v-if="formErr" class="text-xs text-rose-300">{{ formErr }}</p>
</div> </div>