feat: 开发练习纸

2026-08-25 15:40:38 +08:00
parent c0b8666257
commit f82ac4d89d
13 changed files with 1238 additions and 1 deletions
@@ -0,0 +1,76 @@
+<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" />