52 lines
2.1 KiB
Plaintext
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>
|