R524809
78 lines
2.6 KiB
Plaintext
78 lines
2.6 KiB
Plaintext
<nav-bar title="控笔组合练习" />
|
|
|
|
<view class="pc-page">
|
|
<view class="pc-main">
|
|
<preview-card
|
|
id="previewCard"
|
|
showRefresh="{{true}}"
|
|
showFavorite="{{true}}"
|
|
favorited="{{isPreviewFavorite}}"
|
|
bind:canvas-ready="onCanvasReady"
|
|
bind:refresh="onPreviewRefresh"
|
|
bind:favorite="onPreviewFavorite" />
|
|
|
|
<view class="pc-section">
|
|
<view class="pc-section-header">
|
|
<text class="pc-section-title"
|
|
>选择图形 ({{selectedPatternIds.length}}/5)</text
|
|
>
|
|
</view>
|
|
<view class="pc-pattern-grid">
|
|
<view
|
|
wx:for="{{patternList}}"
|
|
wx:key="id"
|
|
class="pc-pattern-card {{selectedMap[item.id] ? 'pc-pattern-card--active' : ''}}"
|
|
data-id="{{item.id}}"
|
|
hover-class="pc-pattern-card--pressed"
|
|
hover-start-time="0"
|
|
hover-stay-time="70"
|
|
bindtap="onTogglePattern">
|
|
<view
|
|
wx:if="{{selectedMap[item.id]}}"
|
|
class="pc-pattern-card__check">
|
|
<toy-icon name="check" size="20rpx" color="#fff" />
|
|
</view>
|
|
<text class="pc-pattern-card__name">{{item.name}}</text>
|
|
<text class="pc-pattern-card__cat"
|
|
>{{item.categoryLabel}}</text
|
|
>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view
|
|
class="pc-shuffle-btn"
|
|
hover-class="pc-shuffle-btn--hover"
|
|
hover-start-time="0"
|
|
hover-stay-time="70"
|
|
bindtap="onShufflePatterns">
|
|
<toy-icon
|
|
name="refresh"
|
|
size="40rpx"
|
|
color="#605b50"
|
|
custom-class="pc-shuffle-btn__icon" />
|
|
<text class="pc-shuffle-btn__text">换一批图形</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<preview-footer-actions
|
|
disabled="{{!hasContent}}"
|
|
bind:primary="exportToPrint"
|
|
bind:secondary="onShare" />
|
|
|
|
<debug-publish-tools
|
|
wx:if="{{isDevEnv && hasContent}}"
|
|
id="debugPublishTools"
|
|
visible="{{debugPublishVisible}}"
|
|
loading="{{debugPublishLoading}}"
|
|
meta="{{debugPublishMeta}}"
|
|
bind:open="onOpenDebugPublish"
|
|
bind:close="onCloseDebugPublish"
|
|
bind:confirm="onConfirmDebugPublish" />
|
|
|
|
<share-guide-popup
|
|
show="{{showShareDialog}}"
|
|
bind:onClose="onCloseShareDialog"
|
|
bind:onShareSuccess="onShareSuccess" />
|