joey5628/doodle-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 分类管理页开发

Browse Source
This commit is contained in:
R524809
2026-04-23 12:08:07 +08:00
parent b2ab123b4f
commit 5106dbbd7c
21 changed files with 1034 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/supportPages/debug/debug.json
+4 -14
View File
@@ -1,16 +1,6 @@
{
"navigationBarTitleText": "Debug",
"navigationBarBackgroundColor": "#FFD719",
"homeButton": true,
"backgroundColor": "#F6F6F6",
"enablePullDownRefresh": false,
"usingComponents": {
"toy-button": "../../toy/button-v2/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",
"van-switch": "@vant/weapp/switch/index",
"van-field": "@vant/weapp/field/index"
}
"navigationBarTitleText": "Debug 工具",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#F8F0E0",
"backgroundColor": "#F8F0E0"
}
miniprogram/supportPages/debug/debug.less
+121 -25
View File
@@ -1,31 +1,127 @@
@import '../../style/theme.less';
page {
min-height: 100%;
background: @bg-header;
}
.debug-page {
min-height: 100vh;
padding: 20rpx;
background-color: #F6F6F6;
padding: 24rpx;
background: @bg-header;
box-sizing: border-box;
}
.debug-wrapper {
margin-top: 30rpx;
background-color: #fff;
border-radius: 20rpx;
overflow: hidden;
.debug-page__hero {
padding: 48rpx 40rpx;
background: @bg-white;
border-radius: @radius-xl;
box-shadow: @shadow;
}
.centered-title {
text-align: center;
color: #666;
border-top: 0 none;
}
.debug-page__hero-title {
display: block;
font-size: 40rpx;
font-weight: 800;
color: @text-title;
}
.debug-cell {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.debug-page__hero-desc {
display: block;
margin-top: 16rpx;
font-size: 26rpx;
line-height: 1.6;
color: @text-secondary;
}
.btn-area {
display: flex;
align-items: center;
justify-content: center;
margin-top: 40rpx;
}
}
.debug-page__section {
margin-top: 32rpx;
}
.debug-page__section-title {
display: block;
margin: 0 8rpx 20rpx;
font-size: 26rpx;
font-weight: 700;
color: @text-secondary;
}
.debug-page__rows {
display: flex;
flex-direction: column;
}
.debug-row + .debug-row {
margin-top: 24rpx;
}
.debug-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 34rpx 36rpx;
background: @bg-white;
border-radius: 999rpx;
border: 1rpx solid rgba(124, 118, 106, 0.12);
box-shadow: @shadow;
}
.debug-row__left {
display: flex;
align-items: center;
min-width: 0;
flex: 1;
}
.debug-row__icon-bg {
width: 84rpx;
height: 84rpx;
border-radius: 50%;
background: fade(@brand, 18%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.debug-row__icon {
font-size: 36rpx;
line-height: 1;
}
.debug-row__content {
min-width: 0;
margin-left: 24rpx;
}
.debug-row__label {
display: block;
font-size: 30rpx;
font-weight: 700;
color: @text-title;
}
.debug-row__desc {
display: block;
margin-top: 8rpx;
font-size: 22rpx;
line-height: 1.5;
color: @text-secondary;
}
.debug-row__chevron {
margin-left: 16rpx;
font-size: 40rpx;
font-weight: 300;
color: @text-gray;
}
.debug-page__notice {
margin-top: 32rpx;
padding: 24rpx 28rpx;
border-radius: @radius;
background: fade(#ff8f1f, 12%);
color: #b06b1a;
font-size: 24rpx;
line-height: 1.6;
}
miniprogram/supportPages/debug/debug.ts
+34 -33
View File
@@ -1,43 +1,44 @@
import { defaultPrintConfig } from '../../config/config';
type DebugEntry = {
id: string;
title: string;
subtitle: string;
icon: string;
path: string;
};
const DEBUG_ENTRIES: DebugEntry[] = [
{
id: 'category-manage',
title: '分类管理',
subtitle: '对比本地与云端分类数据，执行新增或更新。',
icon: '🗂️',
path: '/supportPages/categoryManage/categoryManage',
},
];
Page({
data: {
printConfig: defaultPrintConfig,
enableDebug: false,
entries: DEBUG_ENTRIES,
isDevEnv: true,
},
onLoad() {
const printConfig = getApp().getPrintConfig() || defaultPrintConfig;
const enableDebug = wx.getStorageSync('enableDebug') || false;
this.setData({ printConfig, enableDebug });
const envVersion = wx.getAccountInfoSync().miniProgram.envVersion;
const isDevEnv = envVersion === 'develop';
this.setData({ isDevEnv });
if (!isDevEnv) {
wx.showToast({
title: '仅开发版可用',
icon: 'none',
});
}
},
onChangeHeader(e: WechatMiniprogram.CustomEvent) {
const header = e.detail.value as PrintHeader;
this.setData({ printConfig: { ...this.data.printConfig, header } });
},
onClickHeaderSetting(e: WechatMiniprogram.CustomEvent) {
const header = e.currentTarget.dataset.name as PrintHeader;
this.setData({ printConfig: { ...this.data.printConfig, header } });
},
onAppNameChange(e: WechatMiniprogram.CustomEvent) {
const appName = e.detail + '';
this.setData({ printConfig: { ...this.data.printConfig, appName } });
},
onConfirm() {
getApp().setPrintConfig(this.data.printConfig);
const enableDebug = this.data.enableDebug;
wx.setStorageSync('enableDebug', enableDebug);
wx.setEnableDebug({ enableDebug });
wx.navigateBack();
},
/** 真机调试线上包 */
toggleDebug() {
const enableDebug = !this.data.enableDebug;
this.setData({ enableDebug });
onTapEntry(e: WechatMiniprogram.TouchEvent) {
if (!this.data.isDevEnv) return;
const path = e.currentTarget.dataset.path as string;
if (!path) return;
wx.navigateTo({ url: path });
},
});
miniprogram/supportPages/debug/debug.wxml
+31 -74
View File
@@ -1,78 +1,35 @@
<view class="debug-page">
<van-cell-group custom-class="debug-wrapper">
<van-cell
title="打印图片Header设置111"
size="large"
custom-class="centered-title" />
<van-radio-group
value="{{printConfig.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-field
label="appName"
value=""
placeholder="{{printConfig.appName}}"
bind:change="onAppNameChange" />
</van-cell-group>
<van-cell-group custom-class="debug-wrapper">
<van-cell
title="debug调整"
size="large"
custom-class="centered-title" />
<van-cell
custom-class="debug-cell"
title="真机调试线上包"
clickable
data-name="enableDebug"
border="{{ false }}"
bind:click="toggleDebug">
<van-switch
slot="right-icon"
name="enableDebug"
checked="{{enableDebug}}" />
</van-cell>
</van-cell-group>
<view class="btn-area">
<toy-button type="green" bind:click="onConfirm" width="360rpx">
确定
</toy-button>
<view class="debug-page__hero">
<text class="debug-page__hero-title">Debug 工具页</text>
<text class="debug-page__hero-desc">
仅开发环境可见，用于发布前检查和同步调试数据。
</text>
</view>
<van-cell-group custom-class="debug-wrapper">
<van-cell
title="测试页面入口"
size="large"
custom-class="centered-title" />
</van-cell-group>
<view class="debug-page__section">
<text class="debug-page__section-title">入口列表</text>
<view class="debug-page__rows">
<view
wx:for="{{entries}}"
wx:key="id"
class="debug-row"
data-path="{{item.path}}"
bindtap="onTapEntry">
<view class="debug-row__left">
<view class="debug-row__icon-bg">
<text class="debug-row__icon">{{item.icon}}</text>
</view>
<view class="debug-row__content">
<text class="debug-row__label">{{item.title}}</text>
<text class="debug-row__desc">{{item.subtitle}}</text>
</view>
</view>
<text class="debug-row__chevron">›</text>
</view>
</view>
</view>
<view wx:if="{{!isDevEnv}}" class="debug-page__notice">
当前不是开发环境，此页仅供调试使用。
</view>
</view>