77 lines
2.7 KiB
Plaintext
77 lines
2.7 KiB
Plaintext
<nav-bar title="作业纸" />
|
|
|
|
<view class="ps-page">
|
|
<view class="ps-main">
|
|
<preview-card
|
|
id="previewCard"
|
|
showRefresh="{{true}}"
|
|
showFavorite="{{true}}"
|
|
favorited="{{isPreviewFavorite}}"
|
|
bind:canvas-ready="onCanvasReady"
|
|
bind:refresh="onPreviewRefresh"
|
|
bind:favorite="onPreviewFavorite" />
|
|
|
|
<view class="ps-section">
|
|
<view class="ps-section-header">
|
|
<text class="ps-section-title">纸张类型</text>
|
|
</view>
|
|
<view class="ps-type-grid">
|
|
<view
|
|
wx:for="{{paperTypeOptions}}"
|
|
wx:key="id"
|
|
class="ps-type-card {{selectedPaperType === item.id ? 'ps-type-card--active' : ''}}"
|
|
data-id="{{item.id}}"
|
|
hover-class="ps-type-card--pressed"
|
|
hover-start-time="0"
|
|
hover-stay-time="70"
|
|
bindtap="onSelectPaperType">
|
|
<text class="ps-type-card__name">{{item.name}}</text>
|
|
<text class="ps-type-card__desc">{{item.desc}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="ps-section">
|
|
<view class="ps-section-header">
|
|
<text class="ps-section-title">颜色</text>
|
|
</view>
|
|
<view class="ps-color-list">
|
|
<view
|
|
wx:for="{{colorOptions}}"
|
|
wx:key="id"
|
|
class="ps-color-item {{selectedColor === item.value ? 'ps-color-item--active' : ''}}"
|
|
data-value="{{item.value}}"
|
|
hover-class="ps-color-item--pressed"
|
|
hover-start-time="0"
|
|
hover-stay-time="70"
|
|
bindtap="onSelectColor">
|
|
<view
|
|
class="ps-color-dot"
|
|
style="background:{{item.value}}" />
|
|
<text class="ps-color-item__name">{{item.name}}</text>
|
|
</view>
|
|
</view>
|
|
</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" />
|