hku-class/miniprogram/pages/vote-detail/index.wxml
2026-05-16 23:59:13 +08:00

52 lines
2.1 KiB
Plaintext

<view class="page" wx:if="{{item}}">
<view class="hero">
<view class="eyebrow">VOTE</view>
<view class="hero-title">{{item.title}}</view>
<view class="hero-subtitle">{{item.description || "请选择你的意见。"}}</view>
<view class="hero-metrics">
<view class="metric">
<view class="metric-number">{{item.total_voters}}</view>
<view class="metric-label">参与人数</view>
</view>
<view class="metric">
<view class="metric-number">{{item.options.length}}</view>
<view class="metric-label">选项</view>
</view>
<view class="metric">
<view class="metric-number">{{item.status_text}}</view>
<view class="metric-label">{{item.vote_type_text}}</view>
</view>
</view>
</view>
<view class="section">
<view class="section-head">
<view class="section-title">选项</view>
<view class="section-action">{{item.voted_action_text}}</view>
</view>
<view wx:for="{{item.options}}" wx:key="id" class="vote-option {{item.selected_class}}" data-id="{{item.id}}" bindtap="toggleOption">
<view class="vote-option-main">
<view class="vote-check">{{item.check_text}}</view>
<view class="row-body">
<view class="card-title">{{item.content}}</view>
<view class="muted">{{item.vote_count}} 票 · {{item.percent}}%</view>
</view>
</view>
<view class="vote-progress">
<view class="vote-progress-fill" style="{{item.percent_style}}"></view>
</view>
<view wx:if="{{item.voter_names_text}}" class="vote-voters">{{item.voter_names_text}}</view>
</view>
</view>
<view wx:if="{{item.deadline_text}}" class="vote-deadline-card">
<view class="vote-deadline-label">截止时间</view>
<view class="vote-deadline-value">{{item.deadline_text}}</view>
</view>
<view class="form-submit-bar">
<button wx:if="{{item.can_submit}}" class="button" loading="{{submitting}}" bindtap="submit">提交投票</button>
<button wx:else class="button secondary" disabled>{{item.submit_text}}</button>
</view>
</view>