feat:优化 debug 页

miniprogram/pages/index/index.less

@@ -85,16 +85,18 @@ page {
 //     border: 1px solid #666;
 // }
 
-.btn-area {
+.bottom-btn-box {
     position: fixed;
     left: 0;
     bottom: 0;
     width: 100%;
-    height: 190rpx;
+    height: 120rpx;
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
+    align-items: center;
     background-color: #fff;
-    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.25);
-    padding-top: 24rpx;
+    box-shadow: 0px -3.9rpx 5.2rpx rgba(0, 0, 0, 0.15);
+    padding: 0 24rpx;
     box-sizing: border-box;
+    border-radius: 16rpx 16rpx 0 0;
 }

miniprogram/pages/index/index.ts

@@ -18,12 +18,21 @@ Page({
         showIntroductionPopup: false,
         showSelectWordPopup: false, // 选择文字弹窗
         env: 'release',
+        isPCDevtool: false,
     },
 
     onLoad() {
         const hasShowIntroduction =
             wx.getStorageSync('hasShowIntroduction') || false;
 
+        // 判断是否在PC端开发工具上运行
+        const systemInfo = wx.getDeviceInfo();
+        if (systemInfo.platform === 'devtools') {
+            this.setData({
+                isPCDevtool: true,
+            });
+        }
+
         if (!hasShowIntroduction) {
             this.setData({
                 cardList: [
@@ -241,13 +250,13 @@ Page({
 
     onShareAppMessage() {
         return {
-            title: '涂鸦丫 - 涂色|识字|画画|打印',
+            title: '涂鸦丫-涂色|识字|画画|打印',
             path: '/pages/index/index',
         };
     },
     onShareTimeline() {
         return {
-            title: '涂鸦丫 - 涂色|识字|画画|打印',
+            title: '涂鸦丫-涂色|识字|画画|打印',
             query: '/pages/index/index',
         };
     },

miniprogram/pages/index/index.wxml

@@ -62,7 +62,10 @@
     </view>
     <view id="previewWrapper" class="wrapper">
         <text class="wrapper-title">预览打印效果</text>
-        <view id="canvasWrapper" class="canvas-wrapper">
+        <view
+            wx:if="{{!isPCDevtool}}"
+            id="canvasWrapper"
+            class="canvas-wrapper">
             <canvas
                 type="2d"
                 id="canvasContent"
@@ -88,11 +91,23 @@
         bind:onClose="closeSelectWordPopup"
         bind:onChange="onChangeWord" />
 </view>
-<view class="btn-area">
+<view class="bottom-btn-box">
     <toy-button
         type="green"
+        flat="{{true}}"
+        bind:click="onShareAppMessage"
+        width="220rpx"
+        height="80rpx"
+        icon="wechat"
+        icon-class-prefix="toy-icon">
+        分享
+    </toy-button>
+    <toy-button
+        type="primary"
+        flat="{{true}}"
         bind:click="exportToPrint"
-        width="680rpx"
+        width="420rpx"
+        height="80rpx"
         disabled="{{cardList.length <= 0}}"
         icon="download"
         icon-class-prefix="toy-icon">