TK内容平台产品系统

我要开发同款
flc_star2026年10月21日
9阅读

技术信息

语言技术
Taro、uniapp
系统类型
小程序轻应用
行业分类
内容平台

作品详情

行业场景

东兴跨境TK助手是一款面向广西东兴(中越边境口岸城市)跨境电商创业者的微信小程序信息服务平台。
背景痛点:东兴是国家跨境电商综试区、与越南芒街一河之隔,本地有大量想做 TikTok Shop 东南亚站点的小白商家,但他们面临四类信息壁垒:
痛点 小程序提供的答案
政策看不懂、补贴不知道怎么领 综试区补贴、边民互市新政、RCEP 关税、出口退税等本地化政策解读
不知道怎么开店、怎么拍视频 从营业执照注册、银行开户、税务申报到 TK Shop 入驻、选品、直播的 20 篇教程
找不到靠谱物流 东兴本地货代名录(越南/泰国专线、双清包税、边境仓、海外仓)
找不到一手货源 本地工厂货源(越南咖啡、红木、小家电、3C 配件等)
核心定位:不是交易平台,而是**"信息聚合 + AI 问答"的轻量级工具**,用小程序低门槛触达本地商家,把"边境区位优势 + 政策红利 + TK 运营方法论"打包交付。

功能介绍

. 首页 pages/index
用户信息栏(点击登录/进个人中心)
三个快捷入口:货代名录、工厂货源、联系我
「最新政策」「入门教程」各展示前 4 条,可「更多」进列表
右下角 AI 助手悬浮球(带呼吸光晕动效)
首次打开未登录时,800ms 后弹出登录引导弹窗
2. 资源列表页 pages/resources 一个页面承载四种资源,通过 ?type=forwarder|factory|policy|tutorial 区分,动态设置导航栏标题。货代/工厂以卡片形式展示电话、地址、起批量、联系人与标签;政策/教程点击进详情。
3. 详情页 pages/detail 按 type + id 从数据源中查找,渲染标题、日期(政策)、摘要、正文长文。
4. 个人中心 pages/mine 展示昵称、头像、本地用户 ID;支持「更新资料」(用 open-type="chooseAvatar" 与 type="nickname" 新版能力)、退出登录、关于我们、联系客服(复制微信号)。
5. 关于/联系页 pages/about 功能介绍、合作邀请、复制微信号、免责声明。
6. AI 助手组件 components/yuanbao-modal 内嵌式对话弹窗:首次进入展示 6 个高频快捷问题(入驻、补贴、选品、货代、互市、网络合规);支持输入提问、停止生成、消息滚动定位;底部标注"内容由 AI 生成,仅供参考"。

项目实现

技术栈:微信小程序原生开发(WXML/WXSS/JS,基础库 3.16.1)+ SiliconFlow OpenAI 兼容接口,无第三方框架、无 npm 依赖。
数据层:utils/data.js 为唯一数据源,硬编码 4 类静态数据(政策 6 条、教程 20 条、货代 6 家、工厂 8 家),通过 module.exports 导出,页面 require 后直接使用。
AI 调用:wx.request 非流式 POST,system prompt 限定"东兴跨境TK助手 / 200字内 / 口语化",max_tokens=300 控成本,超时 20s;1.5s 未响应先显示"正在思考中…"占位;abortFlag 标志位实现"停止回复"和关闭弹窗后的结果丢弃;scroll-into-view 自动滚到底部。
配额控制:本地 wx.setStorageSync('aiUsage', {date, count}) 记录当日次数,登录 50 次/日、未登录 3 次/日,由组件 observers 在每次打开弹窗时刷新。
登录体系:纯本地模拟,app._genUserId() 生成 UUID v4,relogin() 优先恢复历史资料否则创建默认"TK老板",logout() 只清登录态保留资料——无需服务器,也能复用配额与个性化。
页面复用:resources 页用 TYPE_MAP 做类型→标题/数据的映射,一套 WXML 四种形态,用 wx:if/elif 分支渲染不同字段。
视觉体系:橙色主色 #FF6B2B + 暖背景 #FFF5F0,卡片圆角 20rpx + 轻投影,全局 hover-class(缩放/高亮)提供点击反馈,全量 rpx 适配。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论