EIEI/wechat_wc
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

商品浏览页构建前最后一次更新

Browse Source
This commit is contained in:
lhmin0604
2026-08-02 00:21:54 +08:00
parent d37a93ab9e
commit e423ab2d73
146 changed files with 3449 additions and 1342 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/diy/index.tsx
+11 -11
View File
@@ -262,7 +262,7 @@ export default function DIYPage() {
<View className='page-header dashed-card mt-20'>
<View className='star-badge' />
<View className='flex-between' style={{ width: '100%' }}>
<Text className='back-btn' onClick={goBack}>←</Text>
<Text className='back-btn' onTap={goBack}>←</Text>
<Text className='page-title'>设计工作台</Text>
<View style={{ width: '60px' }} />
</View>
@@ -287,7 +287,7 @@ export default function DIYPage() {
onTouchStart={(e) => handleStickerTouchStart(e, s.id)}
onTouchMove={handleStickerTouchMove}
onTouchEnd={handleTouchEnd}
onClick={() => setActiveStickerId(s.id)}
onTap={() => setActiveStickerId(s.id)}
mode='aspectFit'
/>
))}
@@ -302,13 +302,13 @@ export default function DIYPage() {
<View className='sticker-list'>
{stickers.map(s => (
<View key={s.id} className={`sticker-thumb ${s.isOverlapping ? 'overlap' : ''} ${activeStickerId === s.id ? 'active' : ''}`}>
<Image src={s.src} className='sticker-thumb-img' mode='aspectFit' onClick={() => setActiveStickerId(s.id)} />
<View className='sticker-del' onClick={() => deleteSticker(s.id)}>
<Image src={s.src} className='sticker-thumb-img' mode='aspectFit' onTap={() => setActiveStickerId(s.id)} />
<View className='sticker-del' onTap={() => deleteSticker(s.id)}>
<Text className='del-icon'>×</Text>
</View>
</View>
))}
<View className='sticker-add-btn' onClick={addSticker}>
<View className='sticker-add-btn' onTap={addSticker}>
<Text className='add-icon'>+</Text>
<Text className='add-label'>添加</Text>
</View>
@@ -323,11 +323,11 @@ export default function DIYPage() {
<View className='tool-row'>
<Text className='tool-label'>缩放</Text>
<View className='flex-center' style={{ gap: '20px' }}>
<View className='tool-btn' onClick={() => handleScale(activeStickerId, -0.1)}>－</View>
<View className='tool-btn' onTap={() => handleScale(activeStickerId, -0.1)}>－</View>
<Text className='tool-value'>
{Math.round((stickers.find(s => s.id === activeStickerId)?.scale || 1) * 100)}%
</Text>
<View className='tool-btn' onClick={() => handleScale(activeStickerId, 0.1)}>＋</View>
<View className='tool-btn' onTap={() => handleScale(activeStickerId, 0.1)}>＋</View>
</View>
</View>
<View className='tool-row'>
@@ -339,10 +339,10 @@ export default function DIYPage() {
{/* 底部操作按钮 */}
<View className='action-btns mt-20'>
<View className='btn-gradient' onClick={() => setPreviewMode(true)}>
<View className='btn-gradient' onTap={() => setPreviewMode(true)}>
<Text>预览效果</Text>
</View>
<View className='btn-outline' onClick={addSticker}>
<View className='btn-outline' onTap={addSticker}>
<Text>添加贴纸</Text>
</View>
</View>
@@ -374,10 +374,10 @@ export default function DIYPage() {
{hasOverlap && <Text className='overlap-hint'>贴纸有重叠，不可提交</Text>}
</View>
<View className='preview-actions'>
<View className='btn-outline' onClick={() => setPreviewMode(false)}>
<View className='btn-outline' onTap={() => setPreviewMode(false)}>
<Text>返回修改</Text>
</View>
<View className={`btn-gradient ${hasOverlap ? 'disabled' : ''}`} onClick={handleComplete}>
<View className={`btn-gradient ${hasOverlap ? 'disabled' : ''}`} onTap={handleComplete}>
<Text>确认完成</Text>
</View>
</View>