feat(checkout): 优化微信支付和线下付款流程
- 支付方式新增微信支付(payType=1),并设为默认,保留线下付款(payType=9) - 微信支付时调用 Taro.requestPayment 发起支付流程,取消或失败给出明确提示 - 支付选项选中状态下微信支付显示绿色提示,线下付款显示橙色提示 - 提交按钮文案区分微信支付(提交并支付)与线下付款(提交订单) - 后端支付配置缺失时提示“微信支付暂不可用:支付配置缺失” - 确保编译构建通过,未引入新类型错误
This commit is contained in:
Generated
+17
-14
@@ -4,8 +4,10 @@
|
|||||||
<option name="autoReloadType" value="SELECTIVE" />
|
<option name="autoReloadType" value="SELECTIVE" />
|
||||||
</component>
|
</component>
|
||||||
<component name="ChangeListManager">
|
<component name="ChangeListManager">
|
||||||
<list default="true" id="2de94e4f-0587-4c9b-8bfd-e87e0ae95b81" name="更改" comment="feat(user): 合并切换开发者菜单并优化首页轮播图显示 - 用户菜单根据 isDeveloper 字段切换显示申请或进入开发者中心 - 已审核用户菜单高亮显示“进入开发者中心” - 去除冗余开发者中心菜单条目,简化结构 - 重新设计开发者中心页面UI,统一门店中心风格 - 顶部展示开发者头像及昵称手机号信息 - 功能卡片展示“我的应用”、“API Key”和“我的工单”,异步加载数量角标 - 底部添加“开发者帮助与支持”入口,替代门店订阅消息卡片 - 未登录或非开发者状态显示相应空态及操作按钮 - 首页轮播图为空时不显示容器,功能入口自动上移,优化空状态体验 - 优化登录状态与权限校验逻辑,防止页面闪烁和无权限展示">
|
<list default="true" id="2de94e4f-0587-4c9b-8bfd-e87e0ae95b81" name="更改" comment="feat(checkout): 接入微信支付功能并优化支付交互体验 - 支付方式新增微信支付(payType=1)并设为默认,保留线下付款(payType=9) - 提交订单时若选择微信支付,调用 Taro.requestPayment 调起支付流程 - 支付取消或失败时给出明确提示,订单已创建可重新支付 - 线下付款保持原有“订单已提交”提示 - 支付选项选中时微信显示绿色提示,线下显示橙色提示 - 提交按钮文案区分微信支付(提交并支付)和线下付款(提交订单) - 后端支付配置错误时统一提示“微信支付暂不可用:支付配置缺失” - 确保编译构建通过,无新引入类型错误">
|
||||||
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
|
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/config/app.ts" beforeDir="false" afterPath="$PROJECT_DIR$/config/app.ts" afterDir="false" />
|
||||||
|
<change beforePath="$PROJECT_DIR$/project.config.json" beforeDir="false" afterPath="$PROJECT_DIR$/project.config.json" afterDir="false" />
|
||||||
</list>
|
</list>
|
||||||
<option name="SHOW_DIALOG" value="false" />
|
<option name="SHOW_DIALOG" value="false" />
|
||||||
<option name="HIGHLIGHT_CONFLICTS" value="true" />
|
<option name="HIGHLIGHT_CONFLICTS" value="true" />
|
||||||
@@ -59,7 +61,7 @@
|
|||||||
<recent name="$PROJECT_DIR$" />
|
<recent name="$PROJECT_DIR$" />
|
||||||
</key>
|
</key>
|
||||||
</component>
|
</component>
|
||||||
<component name="RunManager" selected="npm.build:weapp">
|
<component name="RunManager" selected="npm.dev:weapp">
|
||||||
<configuration name="build:weapp" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
|
<configuration name="build:weapp" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
|
||||||
<package-json value="$PROJECT_DIR$/package.json" />
|
<package-json value="$PROJECT_DIR$/package.json" />
|
||||||
<command value="run" />
|
<command value="run" />
|
||||||
@@ -82,8 +84,8 @@
|
|||||||
</configuration>
|
</configuration>
|
||||||
<recent_temporary>
|
<recent_temporary>
|
||||||
<list>
|
<list>
|
||||||
<item itemvalue="npm.build:weapp" />
|
|
||||||
<item itemvalue="npm.dev:weapp" />
|
<item itemvalue="npm.dev:weapp" />
|
||||||
|
<item itemvalue="npm.build:weapp" />
|
||||||
</list>
|
</list>
|
||||||
</recent_temporary>
|
</recent_temporary>
|
||||||
</component>
|
</component>
|
||||||
@@ -120,14 +122,7 @@
|
|||||||
<workItem from="1784638429525" duration="16147000" />
|
<workItem from="1784638429525" duration="16147000" />
|
||||||
<workItem from="1784798575885" duration="4896000" />
|
<workItem from="1784798575885" duration="4896000" />
|
||||||
<workItem from="1784873955217" duration="3822000" />
|
<workItem from="1784873955217" duration="3822000" />
|
||||||
</task>
|
<workItem from="1786371937331" duration="7602000" />
|
||||||
<task id="LOCAL-00027" summary="feat(userVerify): 添加阿里云身份证二要素核验功能 - 在接口层新增 verifyIdCard 接口,实现姓名与身份证号核验 - userVerify 页面提交时增加身份核验逻辑,核验失败阻止提交 - 调用核验接口时显示加载状态,并根据结果提示用户 - 后端依赖 aliyun cloudauth,提供实人认证相关服务接口 - 完成基本的错误捕获与用户提示,提升实名认证流程安全性">
|
|
||||||
<option name="closed" value="true" />
|
|
||||||
<created>1776021606260</created>
|
|
||||||
<option name="number" value="00027" />
|
|
||||||
<option name="presentableId" value="LOCAL-00027" />
|
|
||||||
<option name="project" value="LOCAL" />
|
|
||||||
<updated>1776021606260</updated>
|
|
||||||
</task>
|
</task>
|
||||||
<task id="LOCAL-00028" summary="feat(userVerify): 添加阿里云身份证二要素核验功能 - 在接口层新增 verifyIdCard 接口,实现姓名与身份证号核验 - userVerify 页面提交时增加身份核验逻辑,核验失败阻止提交 - 调用核验接口时显示加载状态,并根据结果提示用户 - 后端依赖 aliyun cloudauth,提供实人认证相关服务接口 - 完成基本的错误捕获与用户提示,提升实名认证流程安全性">
|
<task id="LOCAL-00028" summary="feat(userVerify): 添加阿里云身份证二要素核验功能 - 在接口层新增 verifyIdCard 接口,实现姓名与身份证号核验 - userVerify 页面提交时增加身份核验逻辑,核验失败阻止提交 - 调用核验接口时显示加载状态,并根据结果提示用户 - 后端依赖 aliyun cloudauth,提供实人认证相关服务接口 - 完成基本的错误捕获与用户提示,提升实名认证流程安全性">
|
||||||
<option name="closed" value="true" />
|
<option name="closed" value="true" />
|
||||||
@@ -513,7 +508,15 @@
|
|||||||
<option name="project" value="LOCAL" />
|
<option name="project" value="LOCAL" />
|
||||||
<updated>1784873966827</updated>
|
<updated>1784873966827</updated>
|
||||||
</task>
|
</task>
|
||||||
<option name="localTasksCounter" value="76" />
|
<task id="LOCAL-00076" summary="feat(checkout): 优化微信支付和线下付款流程 - 将默认支付方式调整为微信支付(payType=1),增加支付方式选择项 - 微信支付成功后直接调用微信支付接口并处理支付结果反馈 - 支付取消或失败时显示对应提示信息 - 线下付款(payType=9)保留并显示相应提示,不触发在线支付 - 提交订单时根据支付方式显示不同的按钮文本 (‘提交并支付’ 或 ‘提交订单’) - 针对微信支付配置缺失的错误,统一显示详细提示,便于定位问题 - 优化支付方式选中时的提示样式与说明,提升用户体验">
|
||||||
|
<option name="closed" value="true" />
|
||||||
|
<created>1786372231925</created>
|
||||||
|
<option name="number" value="00076" />
|
||||||
|
<option name="presentableId" value="LOCAL-00076" />
|
||||||
|
<option name="project" value="LOCAL" />
|
||||||
|
<updated>1786372231925</updated>
|
||||||
|
</task>
|
||||||
|
<option name="localTasksCounter" value="77" />
|
||||||
<servers />
|
<servers />
|
||||||
</component>
|
</component>
|
||||||
<component name="TypeScriptGeneratedFilesManager">
|
<component name="TypeScriptGeneratedFilesManager">
|
||||||
@@ -533,7 +536,6 @@
|
|||||||
<component name="VcsManagerConfiguration">
|
<component name="VcsManagerConfiguration">
|
||||||
<option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
|
<option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
|
||||||
<option name="CHECK_NEW_TODO" value="false" />
|
<option name="CHECK_NEW_TODO" value="false" />
|
||||||
<MESSAGE value="fix(utils): 优化小程序端复制文本功能体验 - 小程序端直接调用原生 wx.setClipboardData,避免 Taro Promise 封装问题 - 避免微信小程序重复显示复制成功提示和误报复制失败 - 失败时仅在小程序端输出错误日志,非小程序端显示提示 - 修改首页外链跳转逻辑,支持相对路径跳转,小程序内外链复制提示提升用户体验 - 更新项目内剪切板使用规范文档,说明复制行为调整及符合相应规范要求" />
|
|
||||||
<MESSAGE value="fix(index): 优化外链提示及删除复制咨询模板功能 - 替换小程序内外链打开方式提示为弹窗提醒用户手动复制 - 删除复制咨询模板功能及相关按钮 - 修改联系我们文案,突出直接电话沟通或需求反馈 - 移除无用导入的复制文本工具函数copyText" />
|
<MESSAGE value="fix(index): 优化外链提示及删除复制咨询模板功能 - 替换小程序内外链打开方式提示为弹窗提醒用户手动复制 - 删除复制咨询模板功能及相关按钮 - 修改联系我们文案,突出直接电话沟通或需求反馈 - 移除无用导入的复制文本工具函数copyText" />
|
||||||
<MESSAGE value="feat(utils): 优化请求函数URL拼接逻辑 - 在request函数中将请求拦截改为先拼接完整URL - 支持相对路径自动补全baseUrl - 删除原有请求拦截中url未处理的问题" />
|
<MESSAGE value="feat(utils): 优化请求函数URL拼接逻辑 - 在request函数中将请求拦截改为先拼接完整URL - 支持相对路径自动补全baseUrl - 删除原有请求拦截中url未处理的问题" />
|
||||||
<MESSAGE value="docs(schedule): 添加2026年7月1日日程文件 - 创建新的日程文档文件 2026-07-01.md - 文件内容待后续补充和更新" />
|
<MESSAGE value="docs(schedule): 添加2026年7月1日日程文件 - 创建新的日程文档文件 2026-07-01.md - 文件内容待后续补充和更新" />
|
||||||
@@ -558,7 +560,8 @@
|
|||||||
<MESSAGE value="fix(auth): 统一超级管理员标识为布尔值true - 将所有页面和菜单中超级管理员校验由数字1改为布尔true - 平台管理、门店中心菜单项仅在isSuperAdmin===true时显示 - 门店中心页面移除店员门槛,改为超级管理员访问限制 - 非超级管理员访问门店中心弹窗提示并返回 - 首页工作台入口及相关访问权限判定切换为布尔判断 - 优化首屏加载状态,避免权限校验闪烁和误判" />
|
<MESSAGE value="fix(auth): 统一超级管理员标识为布尔值true - 将所有页面和菜单中超级管理员校验由数字1改为布尔true - 平台管理、门店中心菜单项仅在isSuperAdmin===true时显示 - 门店中心页面移除店员门槛,改为超级管理员访问限制 - 非超级管理员访问门店中心弹窗提示并返回 - 首页工作台入口及相关访问权限判定切换为布尔判断 - 优化首屏加载状态,避免权限校验闪烁和误判" />
|
||||||
<MESSAGE value="feat(user): 合并切换开发者菜单项状态并更新开发者中心UI - 用户菜单中根据 isDeveloper 字段条件展示“申请成为开发者”或“进入开发者中心” - 已审核通过用户菜单显示“进入开发者中心”,并设置高亮样式 - 去除冗余的独立“开发者中心”菜单条目,简化菜单结构 - 重新设计开发者中心页面UI,统一为门店中心风格 - 顶部展示开发者头像及昵称手机号信息 - 功能卡片展示“我的应用”、“API Key”和“我的工单”,异步加载数量角标 - 底部添加“开发者帮助与支持”入口,替代门店订阅消息卡片 - 未登录或非开发者状态显示相应空态提示及操作按钮 - 优化登录状态与权限校验逻辑,防止页面闪烁和无权限内容显示" />
|
<MESSAGE value="feat(user): 合并切换开发者菜单项状态并更新开发者中心UI - 用户菜单中根据 isDeveloper 字段条件展示“申请成为开发者”或“进入开发者中心” - 已审核通过用户菜单显示“进入开发者中心”,并设置高亮样式 - 去除冗余的独立“开发者中心”菜单条目,简化菜单结构 - 重新设计开发者中心页面UI,统一为门店中心风格 - 顶部展示开发者头像及昵称手机号信息 - 功能卡片展示“我的应用”、“API Key”和“我的工单”,异步加载数量角标 - 底部添加“开发者帮助与支持”入口,替代门店订阅消息卡片 - 未登录或非开发者状态显示相应空态提示及操作按钮 - 优化登录状态与权限校验逻辑,防止页面闪烁和无权限内容显示" />
|
||||||
<MESSAGE value="feat(user): 合并切换开发者菜单并优化首页轮播图显示 - 用户菜单根据 isDeveloper 字段切换显示申请或进入开发者中心 - 已审核用户菜单高亮显示“进入开发者中心” - 去除冗余开发者中心菜单条目,简化结构 - 重新设计开发者中心页面UI,统一门店中心风格 - 顶部展示开发者头像及昵称手机号信息 - 功能卡片展示“我的应用”、“API Key”和“我的工单”,异步加载数量角标 - 底部添加“开发者帮助与支持”入口,替代门店订阅消息卡片 - 未登录或非开发者状态显示相应空态及操作按钮 - 首页轮播图为空时不显示容器,功能入口自动上移,优化空状态体验 - 优化登录状态与权限校验逻辑,防止页面闪烁和无权限展示" />
|
<MESSAGE value="feat(user): 合并切换开发者菜单并优化首页轮播图显示 - 用户菜单根据 isDeveloper 字段切换显示申请或进入开发者中心 - 已审核用户菜单高亮显示“进入开发者中心” - 去除冗余开发者中心菜单条目,简化结构 - 重新设计开发者中心页面UI,统一门店中心风格 - 顶部展示开发者头像及昵称手机号信息 - 功能卡片展示“我的应用”、“API Key”和“我的工单”,异步加载数量角标 - 底部添加“开发者帮助与支持”入口,替代门店订阅消息卡片 - 未登录或非开发者状态显示相应空态及操作按钮 - 首页轮播图为空时不显示容器,功能入口自动上移,优化空状态体验 - 优化登录状态与权限校验逻辑,防止页面闪烁和无权限展示" />
|
||||||
<option name="LAST_COMMIT_MESSAGE" value="feat(user): 合并切换开发者菜单并优化首页轮播图显示 - 用户菜单根据 isDeveloper 字段切换显示申请或进入开发者中心 - 已审核用户菜单高亮显示“进入开发者中心” - 去除冗余开发者中心菜单条目,简化结构 - 重新设计开发者中心页面UI,统一门店中心风格 - 顶部展示开发者头像及昵称手机号信息 - 功能卡片展示“我的应用”、“API Key”和“我的工单”,异步加载数量角标 - 底部添加“开发者帮助与支持”入口,替代门店订阅消息卡片 - 未登录或非开发者状态显示相应空态及操作按钮 - 首页轮播图为空时不显示容器,功能入口自动上移,优化空状态体验 - 优化登录状态与权限校验逻辑,防止页面闪烁和无权限展示" />
|
<MESSAGE value="feat(checkout): 优化微信支付和线下付款流程 - 将默认支付方式调整为微信支付(payType=1),增加支付方式选择项 - 微信支付成功后直接调用微信支付接口并处理支付结果反馈 - 支付取消或失败时显示对应提示信息 - 线下付款(payType=9)保留并显示相应提示,不触发在线支付 - 提交订单时根据支付方式显示不同的按钮文本 (‘提交并支付’ 或 ‘提交订单’) - 针对微信支付配置缺失的错误,统一显示详细提示,便于定位问题 - 优化支付方式选中时的提示样式与说明,提升用户体验" />
|
||||||
|
<option name="LAST_COMMIT_MESSAGE" value="feat(checkout): 优化微信支付和线下付款流程 - 将默认支付方式调整为微信支付(payType=1),增加支付方式选择项 - 微信支付成功后直接调用微信支付接口并处理支付结果反馈 - 支付取消或失败时显示对应提示信息 - 线下付款(payType=9)保留并显示相应提示,不触发在线支付 - 提交订单时根据支付方式显示不同的按钮文本 (‘提交并支付’ 或 ‘提交订单’) - 针对微信支付配置缺失的错误,统一显示详细提示,便于定位问题 - 优化支付方式选中时的提示样式与说明,提升用户体验" />
|
||||||
<option name="NON_MODAL_COMMIT_POSTPONE_SLOW_CHECKS" value="false" />
|
<option name="NON_MODAL_COMMIT_POSTPONE_SLOW_CHECKS" value="false" />
|
||||||
</component>
|
</component>
|
||||||
</project>
|
</project>
|
||||||
@@ -0,0 +1,16 @@
|
|||||||
|
# 2026-08-10
|
||||||
|
|
||||||
|
## checkout 页面接入微信支付
|
||||||
|
|
||||||
|
文件:`src/pages/shop/checkout.tsx`
|
||||||
|
|
||||||
|
改动:
|
||||||
|
- 支付方式选项新增「微信支付」(`payType=1`),并设为默认;原「线下付款」(`payType=9`) 保留。
|
||||||
|
- `handleSubmit`:`createOrder(orderParams)` 后,若 `payType===1 && res`(`res` 为后端返回的 `WxPayResult`),调用 `Taro.requestPayment({timeStamp,nonceStr,package,signType,paySign})` 调起微信支付;取消/失败给明确提示,订单已创建故统一跳订单列表可重新支付。线下付款保持原「订单已提交」提示。
|
||||||
|
- 支付选项选中提示:微信支付显示绿色提示,线下付款橙色提示(原仅有线下提示)。
|
||||||
|
- 提交按钮文案:微信支付显示「提交并支付」,线下显示「提交订单」。
|
||||||
|
- 异常提示:微信/线下下单时若后端报「应用ID/appid 缺失」等支付配置错误,统一提示「微信支付暂不可用:支付配置缺失」。
|
||||||
|
|
||||||
|
验证:`npm run build:weapp` 编译通过(17.45s,Compiled successfully)。`tsc --noEmit` 因 tsconfig 把 `@tarojs/taro` 列入 types(缺 @types 声明)预存报错,与本次改动无关。
|
||||||
|
|
||||||
|
模式说明:本项目微信支付标准流程为 `createOrder(payType=1)` 后端直接返回 `WxPayResult` → `Taro.requestPayment(...)`,与 `pages/order/detail.tsx` 的 `handlePay`(用 `prepayShopOrder` 重新支付)一致。
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
# 2026-08-11 工作记录
|
||||||
|
|
||||||
|
## 小程序/产品矩阵规划讨论(仅探讨,未改代码)
|
||||||
|
- 用户产品矩阵:①企业官网(website-admin 后台,Nuxt SaaS 建站)②小程序商城(websopy-taro 电商)③其他管理系统。
|
||||||
|
- 结论建议(待用户确认):按**受众+载体**分层,而非按功能拆分。
|
||||||
|
- C端消费者(看/买):官网展示 + 商城 → **合并为「一个品牌小程序」**,用分包(官网/商城/用户中心)隔离,共享登录/购物车/会员。
|
||||||
|
- B端管理(企业主/运营):官网后台 + 其他管理系统 → **统一 Web 管理门户(SSO)**,不做小程序。
|
||||||
|
- B端移动(商家版):暂缓,验证需求后再建独立 AppID 小程序,不并入 C 端。
|
||||||
|
- 已产出:规划文档 `.workbuddy/miniprogram-ui-plan.md`、官网展示型小程序原型(4屏 mockup)、产品矩阵分层架构图。
|
||||||
|
- 待确认:落地路径(独立官网小程序 / websopy-taro 加分包 / 仅 CMS 展示层)及上述产品矩阵方向。
|
||||||
@@ -0,0 +1,62 @@
|
|||||||
|
# 小程序端 UI 布局与设计方案(基于 website-admin 后台)
|
||||||
|
|
||||||
|
## 一、结论先行
|
||||||
|
`website-admin`(Nuxt 4 + Vue3 + ant-design-vue)是「云·企业官网」SaaS 建站后台,管理的核心是可对外发布的**官网内容**(栏目导航、文章、产品、案例、单页、广告、留言线索),以及订阅/模板/域名等租户配置。
|
||||||
|
|
||||||
|
因此小程序端的自然定位是:**官网内容的移动端展示 + 获客工具**(即后台所建官网的小程序版),而非现有 `websopy-taro` 里的电商/商城体系。
|
||||||
|
|
||||||
|
> ⚠️ 关键提醒:现有 `websopy-taro` 实际是「电商/会员/门店/开发者」小程序,与 `website-admin` 的「官网建站」业务域不一致。下文按"官网展示型小程序"规划,并在第六节给出两种落地路径供选择。
|
||||||
|
|
||||||
|
## 二、信息架构(IA):后台模块 → 小程序页面映射
|
||||||
|
|
||||||
|
| website-admin 模块 | 小程序页面 | 说明 |
|
||||||
|
|---|---|---|
|
||||||
|
| 控制台(统计/订阅) | 我的 / 首页概览 | 小程序仅展示轻量订阅状态 |
|
||||||
|
| 栏目导航 menus | 首页导航宫格 | 由后台栏目自动生成入口 |
|
||||||
|
| 广告 banners | 首页轮播 Banner | 后台配置 |
|
||||||
|
| 文章 articles | 资讯列表 / 资讯详情 | 含分类筛选 |
|
||||||
|
| 产品 products | 产品列表 / 产品详情 | 含分类 |
|
||||||
|
| 案例 cases | 案例列表 / 案例详情 | — |
|
||||||
|
| 单页 pages | 关于我们 / 联系我们 | 富文本渲染 |
|
||||||
|
| 留言咨询 messages | 留言咨询表单 / 我的留言 | 提交线索 |
|
||||||
|
| 模板 / 域名 / 设置 | 不暴露(仅后台) | 小程序按当前租户自动套用 |
|
||||||
|
|
||||||
|
## 三、导航与 tabBar 方案
|
||||||
|
推荐 4 个底部 Tab(沿用微信小程序原生 tabBar,`custom` 可选):
|
||||||
|
1. **首页 Home** — Banner + 栏目宫格 + 资讯/产品/案例推荐
|
||||||
|
2. **产品 Products** — 分类 + 产品网格
|
||||||
|
3. **案例 Cases**(或 资讯)— 案例列表
|
||||||
|
4. **我的 Mine** — 账号、我的留言、订阅状态
|
||||||
|
|
||||||
|
资讯 / 关于 / 留言作为首页二级入口或非 Tab 页。
|
||||||
|
|
||||||
|
## 四、页面布局草案(关键屏)
|
||||||
|
- **首页**:状态栏+标题栏 → Banner 轮播 → 栏目导航宫格 → "资讯动态"横滑卡片 → "推荐产品/案例"区块 → 底部留言 CTA。
|
||||||
|
- **产品列表**:左侧分类栏 + 右侧产品网格(ProductCard)。
|
||||||
|
- **资讯详情**:标题/时间/来源 → 富文本正文(rich-text)→ 相关推荐 → 底部"咨询"按钮。
|
||||||
|
- **我的**:头像/企业名 → 我的留言 → 订阅状态 → 设置。
|
||||||
|
|
||||||
|
## 五、UI 设计规范建议
|
||||||
|
1. **建立 Design Token**(CSS 变量):主色、中性色、语义色、间距、圆角、字号。主色默认取自 `website-admin`「网站设置」的 brand 色,支持按租户覆盖。
|
||||||
|
2. **统一主题**:消除当前 4 套主色并存的混乱(tabBar `#0e932e` / CSS 变量 `#1890ff` / Tailwind `#0ea5e9` / 微信 `#07c160`),收敛为 1 套 token。
|
||||||
|
3. **图标体系**:弃用 emoji 当图标;改用 `@nutui/icons-react-taro`(SVG,已验证可渲染)或自定义图标组件。
|
||||||
|
4. **统一布局容器**:新增 `Layout` 组件(NavBar + 内容区 + 可选自定义 TabBar),避免每页各自实现。
|
||||||
|
5. **NutUI 去"空壳化"**:继续替换 `Cell/Price/Divider/Button`(weapp 端整块空白的已知 bug),改用 Taro 原生 + 项目自定义组件。
|
||||||
|
6. **富文本**:后台 wangeditor 的 HTML 经 Taro `rich-text` 渲染,需做外联 style 注入与样式隔离。
|
||||||
|
7. **内容卡片组件集**:Banner、ArticleCard、ProductCard、CaseCard、NavGrid、SectionTitle、LeadForm、EmptyState。
|
||||||
|
|
||||||
|
## 六、与现有 websopy-taro 的关系 & 落地路径
|
||||||
|
- **路径 A(推荐)**:新建独立小程序工程(或 `websopy-taro` 新分支),专门做官网展示端,复用 Taro + React + Tailwind 技术栈与工具链,不混入电商逻辑。
|
||||||
|
- **路径 B**:在现有 `websopy-taro` 内新增"官网"分包,与电商并存;适合想用一个小程序承载多业务。
|
||||||
|
- **路径 C**:直接复用 `website-admin` 的 CMS API(`app/api/cms`、`app/api/websopy`),小程序端只做展示层。
|
||||||
|
|
||||||
|
建议先确认路径,再进入详细设计 / 实现。
|
||||||
|
|
||||||
|
## 七、实施路线图(建议)
|
||||||
|
1. 定主色 / Design Token / 图标规范
|
||||||
|
2. 搭 Layout + NavBar + TabBar 骨架
|
||||||
|
3. 首页(Banner + 宫格 + 资讯/产品/案例区块)
|
||||||
|
4. 资讯 / 产品 / 案例 列表 + 详情(rich-text)
|
||||||
|
5. 留言咨询表单 + 我的留言
|
||||||
|
6. 我的页 + 订阅状态
|
||||||
|
7. 联调 `website-admin` CMS API、按租户适配模板
|
||||||
+1
-1
@@ -1,7 +1,7 @@
|
|||||||
import { API_BASE_URL, SERVER_API_URL, WEBSOPY_API_BASE_URL } from './env'
|
import { API_BASE_URL, SERVER_API_URL, WEBSOPY_API_BASE_URL } from './env'
|
||||||
|
|
||||||
export const TenantId = '5'
|
export const TenantId = '5'
|
||||||
export const TenantName = '威硕开发助手'
|
export const TenantName = '赛联小助手'
|
||||||
export const BaseUrl = API_BASE_URL
|
export const BaseUrl = API_BASE_URL
|
||||||
export const ServerBaseUrl = SERVER_API_URL
|
export const ServerBaseUrl = SERVER_API_URL
|
||||||
export const WebsopyBaseUrl = WEBSOPY_API_BASE_URL
|
export const WebsopyBaseUrl = WEBSOPY_API_BASE_URL
|
||||||
|
|||||||
+1
-1
@@ -44,7 +44,7 @@
|
|||||||
},
|
},
|
||||||
"compileType": "miniprogram",
|
"compileType": "miniprogram",
|
||||||
"appid": "wx541db955e7a62709",
|
"appid": "wx541db955e7a62709",
|
||||||
"projectname": "威数谱软件",
|
"projectname": "赛联小助手",
|
||||||
"condition": {},
|
"condition": {},
|
||||||
"simulatorPluginLibVersion": {},
|
"simulatorPluginLibVersion": {},
|
||||||
"packOptions": {
|
"packOptions": {
|
||||||
|
|||||||
Reference in New Issue
Block a user