feat:完成自定义文字涂色卡

2025-07-02 15:17:50 +08:00
parent 26af95b604
commit 8006695f65
19 changed files with 201 additions and 39 deletions
@@ -0,0 +1,14 @@
+{
+    "navigationBarTitleText": "Debug",
+    "navigationBarBackgroundColor": "#FFD719",
+    "homeButton": true,
+    "backgroundColor": "#F6F6F6",
+    "enablePullDownRefresh": false,
+    "usingComponents": {
+        "toy-button": "../../ui/button/button",
+        "van-radio": "@vant/weapp/radio/index",
+        "van-radio-group": "@vant/weapp/radio-group/index",
+        "van-cell": "@vant/weapp/cell/index",
+        "van-cell-group": "@vant/weapp/cell-group/index"
+    }
+}
@@ -0,0 +1,24 @@
+.debug-page {
+    min-height: 100vh;
+    padding: 20rpx;
+    background-color: #F6F6F6;
+
+    .debug-wrapper {
+        background-color: #fff;
+        border-radius: 20rpx;
+        overflow: hidden;
+
+        .centered-title {
+            text-align: center;
+            color: #666;
+            border-top: 0 none;
+        }
+    }
+
+    .btn-area {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-top: 40rpx;
+    }
+}
@@ -0,0 +1,25 @@
+Page({
+    data: {
+        header: 'wechat'
+    },
+
+    onLoad() {
+        const header = getApp().getPrintHeader() || 'wechat';
+        this.setData({ header });
+    },
+
+    onChangeHeader(e: WechatMiniprogram.CustomEvent) {
+        const header = e.detail.value as PrintHeader;
+        this.setData({ header });
+    },
+
+    onClickHeaderSetting(e: WechatMiniprogram.CustomEvent) {
+        const header = e.currentTarget.dataset.name as PrintHeader;
+        this.setData({ header });
+    },
+
+    onConfirm() {
+        getApp().setPrintHeader(this.data.header);
+        wx.navigateBack();
+    }
+});
@@ -0,0 +1,44 @@
+<view class="debug-page">
+    <van-cell-group custom-class="debug-wrapper">
+        <van-cell
+            title="打印图片Header设置"
+            size="large"
+            custom-class="centered-title" />
+        <van-radio-group value="{{header}}" bind:change="onChangeHeader">
+            <van-cell
+                title="微信小程序头（wechat）（默认）"
+                clickable
+                data-name="wechat"
+                bind:click="onClickHeaderSetting">
+                <van-radio slot="right-icon" name="wechat" />
+            </van-cell>
+            <van-cell
+                title="无Logo图片头（noLogo）"
+                clickable
+                data-name="noLogoImage"
+                bind:click="onClickHeaderSetting">
+                <van-radio slot="right-icon" name="noLogoImage" />
+            </van-cell>
+            <van-cell
+                title="有Logo图片头（LogoImage）"
+                clickable
+                data-name="LogoImage"
+                bind:click="onClickHeaderSetting">
+                <van-radio slot="right-icon" name="LogoImage" />
+            </van-cell>
+            <van-cell
+                title="最小Header头（minimal）"
+                clickable
+                data-name="minimal"
+                bind:click="onClickHeaderSetting"
+                border="{{ false }}">
+                <van-radio slot="right-icon" name="minimal" />
+            </van-cell>
+        </van-radio-group>
+    </van-cell-group>
+    <view class="btn-area">
+        <toy-button type="green" bind:click="onConfirm" width="360rpx">
+            确定
+        </toy-button>
+    </view>
+</view>