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

feat: refresh service and tool pages

Browse Source
This commit is contained in:
broccoli
2026-08-07 17:21:59 +08:00
parent 2b6c74fc97
commit 6f725c66aa
5 changed files with 63 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/service/index.tsx
+9 -16
View File
@@ -23,18 +23,16 @@ export default function ServicePage() {
<View className={`theme-${resolvedTheme}`} style={{ minHeight: '100vh' }}>
<ThemedPageMeta />
<View className='service-page'>
<View className='page-header dashed-card mt-20' style={{ marginTop: `${safe.headerPaddingTop}px` }}>
<View className='star-badge' />
<View className='page-header surface-card mt-20' style={{ marginTop: `${safe.headerPaddingTop}px` }}>
<Text className='page-title'>联系客服</Text>
</View>
{/* 客服入口 */}
<View className='service-hero dashed-card mt-20'>
<View className='star-badge' />
<View className='service-hero surface-card mt-20'>
<Image className='service-hero-icon' src={assetUrl('/icon/电话.png')} mode='aspectFit' />
<Text className='service-title'>智绘微刻客服中心</Text>
<Text className='service-desc'>工作日 09:00 - 18:00 在线为您服务</Text>
<View className='btn-gradient service-btn' onTap={() => Taro.showToast({ title: '跳转客服会话', icon: 'none' })}>
<View className='btn-primary service-btn' onTap={() => Taro.showToast({ title: '跳转客服会话', icon: 'none' })}>
<Text>发起咨询</Text>
</View>
</View>
@@ -43,24 +41,21 @@ export default function ServicePage() {
<View className='mt-20'>
<Text className='section-title'>联系方式</Text>
<View className='contact-list'>
<View className='contact-item dashed-card'>
<View className='star-badge' />
<View className='contact-item surface-card'>
<Image className='contact-icon-img' src={assetUrl('/icon/电话.png')} mode='aspectFit' />
<View className='contact-info'>
<Text className='contact-label'>客服电话</Text>
<Text className='contact-value'>400-XXX-XXXX</Text>
</View>
</View>
<View className='contact-item dashed-card' onTap={() => Taro.setClipboardData({ data: 'smart_engraving' })}>
<View className='star-badge' />
<View className='contact-item surface-card' onTap={() => Taro.setClipboardData({ data: 'smart_engraving' })}>
<Image className='contact-icon-img' src={assetUrl('/icon/词云生成.png')} mode='aspectFit' />
<View className='contact-info'>
<Text className='contact-label'>客服微信</Text>
<Text className='contact-value'>smart_engraving（点击复制）</Text>
</View>
</View>
<View className='contact-item dashed-card'>
<View className='star-badge' />
<View className='contact-item surface-card'>
<Image className='contact-icon-img' src={assetUrl('/icon/使用帮助.png')} mode='aspectFit' />
<View className='contact-info'>
<Text className='contact-label'>商务邮箱</Text>
@@ -74,8 +69,7 @@ export default function ServicePage() {
<View className='mt-20'>
<Text className='section-title'>常见问题</Text>
{FAQ_ITEMS.map((item, idx) => (
<View key={idx} className='faq-card dashed-card'>
<View className='star-badge' />
<View key={idx} className='faq-card surface-card'>
<Text className='faq-q'>Q: {item.q}</Text>
<Text className='faq-a'>A: {item.a}</Text>
</View>
@@ -83,14 +77,13 @@ export default function ServicePage() {
</View>
{/* B端专属 */}
<View className='enterprise-service dashed-card mt-20 mb-20'>
<View className='star-badge' />
<View className='enterprise-service surface-card mt-20 mb-20'>
<View className='flex-center'>
<Image className='enterprise-icon' src={assetUrl('/icon/企业批量定制.png')} mode='aspectFit' />
<Text className='enterprise-title'>企业专属客户经理</Text>
</View>
<Text className='enterprise-desc'>批量订单（50件以上）享专属报价、优先排产、专人对接</Text>
<View className='btn-outline enterprise-btn'>
<View className='btn-secondary enterprise-btn'>
<Text>预约企业咨询</Text>
</View>
</View>