R524809
105 lines
3.9 KiB
Plaintext
105 lines
3.9 KiB
Plaintext
<nav-bar title="英语字母描红" />
|
||
|
||
<view class="lt-page">
|
||
<view class="lt-main">
|
||
<view class="lt-preview-wrap">
|
||
<view class="lt-preview-card">
|
||
<text class="lt-preview-kicker">打印预览</text>
|
||
<view id="canvasWrapper" class="lt-canvas-wrap">
|
||
<canvas
|
||
type="2d"
|
||
id="canvasContent"
|
||
class="lt-canvas"
|
||
style="width:{{boxWidth}}px;height:{{boxHeight}}px" />
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="lt-params">
|
||
<view class="lt-params-head">
|
||
<text class="lt-params-emoji">⚙️</text>
|
||
<text class="lt-params-title">参数设置</text>
|
||
</view>
|
||
|
||
<view class="param-block">
|
||
<text class="lt-field-label">练习类型</text>
|
||
<view class="lt-mode-seg">
|
||
<view
|
||
wx:for="{{modeOptions}}"
|
||
wx:key="id"
|
||
class="lt-mode-item {{worksheetId === item.id ? 'lt-mode-item--active' : ''}}"
|
||
data-id="{{item.id}}"
|
||
bindtap="onSelectMode">
|
||
<text class="lt-mode-item__text">{{item.label}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view wx:if="{{showLetterPicker}}" class="param-block">
|
||
<text class="lt-field-label">选择字母</text>
|
||
<view class="lt-letter-grid">
|
||
<view
|
||
wx:for="{{letterGrid}}"
|
||
wx:key="*this"
|
||
class="lt-letter-cell {{selectedLetter === item ? 'lt-letter-cell--active' : ''}}"
|
||
data-letter="{{item}}"
|
||
hover-class="lt-letter-cell--pressed"
|
||
hover-start-time="0"
|
||
hover-stay-time="70"
|
||
bind:tap="onSelectLetter">
|
||
<text class="lt-letter-text">{{item}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view wx:if="{{showCaseToggle}}" class="param-block">
|
||
<text class="lt-field-label">半组字母</text>
|
||
<view class="lt-chip-row">
|
||
<view
|
||
class="lt-chip {{!letterCaseLower ? 'lt-chip--active' : ''}}"
|
||
hover-class="lt-chip--pressed"
|
||
hover-start-time="0"
|
||
hover-stay-time="70"
|
||
bind:tap="onSelectCaseUpper">
|
||
A–M
|
||
</view>
|
||
<view
|
||
class="lt-chip {{letterCaseLower ? 'lt-chip--active' : ''}}"
|
||
hover-class="lt-chip--pressed"
|
||
hover-start-time="0"
|
||
hover-stay-time="70"
|
||
bind:tap="onSelectCaseLower">
|
||
N–Z
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view
|
||
wx:if="{{showNextLetter}}"
|
||
class="lt-shuffle-btn"
|
||
hover-class="lt-shuffle-btn--hover"
|
||
hover-start-time="0"
|
||
hover-stay-time="70"
|
||
bindtap="onNextLetter">
|
||
<toy-icon
|
||
name="refresh"
|
||
size="40rpx"
|
||
color="#605b50"
|
||
custom-class="lt-shuffle-btn__icon" />
|
||
<text class="lt-shuffle-btn__text">换一批</text>
|
||
</view>
|
||
<draw-ad type="mathDraw"></draw-ad>
|
||
</view>
|
||
</view>
|
||
|
||
<preview-footer-actions
|
||
disabled="{{!hasContent}}"
|
||
bind:primary="exportToPrint"
|
||
bind:secondary="onShare" />
|
||
|
||
<share-guide-popup
|
||
show="{{showShareDialog}}"
|
||
bind:onClose="onCloseShareDialog"
|
||
bind:onShareSuccess="onShareSuccess" />
|