fix(mobile): prevent select-all button label wrapping in exam editor

This commit is contained in:
2026-07-20 10:28:27 +08:00
parent 7716f0040d
commit dd62533dd1
@@ -20,7 +20,7 @@
<view class="panel">
<view class="section-head"><text class="panel-title">考试对象</text><text class="muted">已选 {{ selectedMemberIds.length }} 人</text></view>
<view class="member-actions"><button class="ghost-button" @click="selectAll">全选(最多100人)</button><button class="secondary-button" @click="selectedMemberIds = []">清空</button></view>
<view class="member-actions"><button class="ghost-button" @click="selectAll">全选前100人</button><button class="secondary-button" @click="selectedMemberIds = []">清空</button></view>
<scroll-view class="member-list" scroll-y>
<button v-for="member in members" :key="member.extPartyId" class="member-row" :class="{ selected: selectedMemberIds.includes(member.extPartyId) }" @click="toggleMember(member.extPartyId)">
<text class="member-check">{{ selectedMemberIds.includes(member.extPartyId) ? '✓' : '' }}</text><text>{{ member.name || '未命名员工' }}</text>
@@ -184,7 +184,7 @@ onLoad((options) => { examId.value = Number(options?.id || 0); void load(); });
.two-column { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.quick-row,.member-actions,.section-head,.question-block-head { display:flex; gap:8px; align-items:center; justify-content:space-between; }
.quick-chip { min-height:36px; padding:0 12px; border:1px solid var(--line); background:#fff; color:var(--muted); }
.member-actions button { flex:1; min-width:0; margin-top:10px; }
.member-actions button { flex:1; min-width:0; margin-top:10px; white-space:nowrap; }
.member-list { max-height:260px; margin-top:10px; }
.member-row { display:flex; width:100%; gap:10px; min-height:46px; align-items:center; padding:8px 10px; border-bottom:1px solid var(--line); background:#fff; color:var(--ink); text-align:left; }
.member-row.selected { background:var(--employee-primary-soft); }