feat: 英文字母描红开发

2026-04-03 15:21:04 +08:00
parent 206c44cf6d
commit 1ef6770810
37 changed files with 1812 additions and 179 deletions
@@ -0,0 +1,63 @@
+<view class="guide-page">
+    <view class="guide-page__hero">
+        <text class="guide-page__hero-icon">🖨️</text>
+        <text class="guide-page__hero-title">3 步完成打印</text>
+    </view>
+
+    <view class="guide-page__steps">
+        <view class="guide-page__timeline-line" />
+
+        <view class="guide-page__step">
+            <view class="guide-page__step-num-wrap">
+                <view class="guide-page__step-num">1</view>
+            </view>
+            <view class="guide-page__step-body">
+                <text class="guide-page__step-title">保存到相册</text>
+                <text class="guide-page__step-desc">在练习纸预览页点击「保存」或「保存到相册」，授权后即可保存图片。</text>
+                <view class="guide-page__tip">提示：建议先关闭深色模式截图，打印对比度更好。</view>
+            </view>
+        </view>
+
+        <view class="guide-page__step">
+            <view class="guide-page__step-num-wrap">
+                <view class="guide-page__step-num">2</view>
+            </view>
+            <view class="guide-page__step-body">
+                <text class="guide-page__step-title">连接打印机</text>
+                <text class="guide-page__step-desc">确保打印机与手机处于同一 Wi-Fi，或按打印机说明完成蓝牙配对。</text>
+                <view class="guide-page__tip">家用喷墨 / 激光打印机均可；A4 纸竖向打印即可。</view>
+            </view>
+        </view>
+
+        <view class="guide-page__step guide-page__step--last">
+            <view class="guide-page__step-num-wrap">
+                <view class="guide-page__step-num">3</view>
+            </view>
+            <view class="guide-page__step-body">
+                <text class="guide-page__step-title">从相册打印</text>
+                <text class="guide-page__step-desc">打开手机相册，选中刚保存的练习纸图片，点击分享或打印。</text>
+                <view class="guide-page__tip">
+                    <text class="guide-page__tip-line">iPhone：分享 → 打印 → 选择打印机。</text>
+                    <text class="guide-page__tip-line">Android：更多 → 打印 或 使用系统相册自带的打印入口。</text>
+                </view>
+            </view>
+        </view>
+    </view>
+
+    <view class="guide-page__faq-title">常见问题</view>
+
+    <view class="guide-page__faq">
+        <view class="guide-page__faq-item">
+            <text class="guide-page__faq-q">保存失败怎么办？</text>
+            <text class="guide-page__faq-a">请在小程序设置中开启相册写入权限，并检查手机存储空间是否充足。</text>
+        </view>
+        <view class="guide-page__faq-item">
+            <text class="guide-page__faq-q">打印出来太小/太大？</text>
+            <text class="guide-page__faq-a">在打印预览中选择「适应页面」或调整缩放比例，通常 100% 即可。</text>
+        </view>
+        <view class="guide-page__faq-item">
+            <text class="guide-page__faq-q">没有打印机？</text>
+            <text class="guide-page__faq-a">可将图片发到电脑或拷贝至 U 盘，在打印店完成打印。</text>
+        </view>
+    </view>
+</view>