feat(index): 更新首页画册入口交互和联系方式
- BrochureEntry 组件改版:点击"查看画册"不再跳转页面,改为复制画册链接到剪贴板并弹窗提示 - 画册链接获取逻辑优化:优先读取后台 config.domain,兜底使用默认链接 - 联系电话统一更新:将客服热线 400-888-9999 替换为联系电话 13367810229 - 拨打电话功能同步更新:修改显示文案和实际拨打号码为新联系方式
This commit is contained in:
@@ -1,3 +1,5 @@
|
|||||||
# 2026-04-02 工作记录
|
# 2026-04-02 工作记录
|
||||||
|
|
||||||
- 首页布局微调:将品牌画册入口(BrochureEntry)从 Banner 下方移至 NoticeBar 下方;同时注释隐藏 CaseShowcase(成功案例区块)。
|
- 首页布局微调:将品牌画册入口(BrochureEntry)从 Banner 下方移至 NoticeBar 下方;同时注释隐藏 CaseShowcase(成功案例区块)。
|
||||||
|
- BrochureEntry 交互改版:点击"查看画册"不再跳转内页,改为复制画册链接到剪贴板,弹出 showModal 提示"链接已复制,请前往浏览器粘贴链接查看画册"。链接优先读后台 config.domain,兜底使用固定链接 https://book.yunzhan365.com/mdfy/tjcs/mobile/index.html。
|
||||||
|
- 联系电话更新:ContactSection.tsx 中"客服热线 400-888-9999"改为"联系电话 13367810229";brochure/index.tsx 中的 DEFAULT_HOTLINE 也同步更新为 13367810229。
|
||||||
|
|||||||
@@ -14,8 +14,8 @@ import type { Config } from '@/api/cms/cmsWebsiteField/model'
|
|||||||
import './index.scss'
|
import './index.scss'
|
||||||
|
|
||||||
const DEFAULT_BRAND_NAME = '南南佐顿门窗'
|
const DEFAULT_BRAND_NAME = '南南佐顿门窗'
|
||||||
const DEFAULT_HOTLINE_DISPLAY = '400-888-9999'
|
const DEFAULT_HOTLINE_DISPLAY = '13367810229'
|
||||||
const DEFAULT_HOTLINE = '4008889999'
|
const DEFAULT_HOTLINE = '13367810229'
|
||||||
const DEFAULT_ADDRESS = '欢迎到店咨询门窗定制方案'
|
const DEFAULT_ADDRESS = '欢迎到店咨询门窗定制方案'
|
||||||
const DEFAULT_WORKDAY = '周一至周日 08:30-18:30'
|
const DEFAULT_WORKDAY = '周一至周日 08:30-18:30'
|
||||||
|
|
||||||
|
|||||||
@@ -1,15 +1,42 @@
|
|||||||
import React from 'react'
|
import React, { useEffect, useState } from 'react'
|
||||||
import Taro from '@tarojs/taro'
|
import Taro from '@tarojs/taro'
|
||||||
import { View, Text } from '@tarojs/components'
|
import { View, Text } from '@tarojs/components'
|
||||||
import { ImageRectangle, ArrowRight } from '@nutui/icons-react-taro'
|
import { ImageRectangle, ArrowRight } from '@nutui/icons-react-taro'
|
||||||
|
import { configWebsiteField } from '@/api/cms/cmsWebsiteField'
|
||||||
|
import type { Config } from '@/api/cms/cmsWebsiteField/model'
|
||||||
import './BrochureEntry.scss'
|
import './BrochureEntry.scss'
|
||||||
|
|
||||||
const BROCHURE_TITLE = '品牌画册'
|
const BROCHURE_TITLE = '品牌画册'
|
||||||
|
const DEFAULT_BROCHURE_URL = 'https://book.yunzhan365.com/mdfy/tjcs/mobile/index.html'
|
||||||
|
|
||||||
const BrochureEntry: React.FC = () => {
|
const BrochureEntry: React.FC = () => {
|
||||||
|
const [config, setConfig] = useState<Config>()
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
configWebsiteField({})
|
||||||
|
.then((data) => setConfig(data))
|
||||||
|
.catch(() => undefined)
|
||||||
|
}, [])
|
||||||
|
|
||||||
const handleClick = () => {
|
const handleClick = () => {
|
||||||
Taro.navigateTo({
|
const url = config?.domain || DEFAULT_BROCHURE_URL
|
||||||
url: '/pages/brochure/index'
|
|
||||||
|
Taro.setClipboardData({
|
||||||
|
data: url,
|
||||||
|
success: () => {
|
||||||
|
Taro.showModal({
|
||||||
|
title: '链接已复制',
|
||||||
|
content: '请前往浏览器,粘贴链接即可查看完整画册。',
|
||||||
|
showCancel: false,
|
||||||
|
confirmText: '知道了'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
fail: () => {
|
||||||
|
Taro.showToast({
|
||||||
|
title: '复制失败,请稍后重试',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -11,8 +11,8 @@ const ContactSection: React.FC = () => {
|
|||||||
const contactItems = [
|
const contactItems = [
|
||||||
{
|
{
|
||||||
icon: <Phone size={20} color="#3b82f6" />,
|
icon: <Phone size={20} color="#3b82f6" />,
|
||||||
title: '客服热线',
|
title: '联系电话',
|
||||||
value: '400-888-9999',
|
value: '13367810229',
|
||||||
action: 'call',
|
action: 'call',
|
||||||
colorClass: 'contact-item--blue'
|
colorClass: 'contact-item--blue'
|
||||||
},
|
},
|
||||||
@@ -64,13 +64,13 @@ const ContactSection: React.FC = () => {
|
|||||||
const handleCallPhone = () => {
|
const handleCallPhone = () => {
|
||||||
Taro.showModal({
|
Taro.showModal({
|
||||||
title: '拨打电话',
|
title: '拨打电话',
|
||||||
content: '是否拨打客服热线 400-888-9999?',
|
content: '是否拨打联系电话 13367810229?',
|
||||||
confirmText: '拨打',
|
confirmText: '拨打',
|
||||||
cancelText: '取消',
|
cancelText: '取消',
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
Taro.makePhoneCall({
|
Taro.makePhoneCall({
|
||||||
phoneNumber: '4008889999',
|
phoneNumber: '13367810229',
|
||||||
success: () => {
|
success: () => {
|
||||||
console.log('拨打电话成功')
|
console.log('拨打电话成功')
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user