保险平台

猿急送>北京前端兼职程序员>小蹦哥。>

案例列表

基本信息

案例ID：233405

技术顾问：小蹦哥。 - 12年经验 - 京东方

联系沟通

微信扫码，建群沟通

项目名称：保险平台

所属行业：金融 - 保险

->查看更多案例

案例介绍

项目简介
项目名称: 保险 H5平台
定位: 面向移动端的保险投保与获客平台，支持在运营活动页、原生 App WebView 内一键投保
技术栈: Vue 3 + TypeScript + Vite + Pinia + Vue Router + Vant UI + TailwindCSS + i18n；Axios 请求拦截/NProgress；SVG 雪碧图；GTM 埋点
核心功能
产品投保: 旅游保险（单次/全年/Travel Guard）方案展示与对比、保费试算、投保流程引导
信息录入: 出行信息、被保人/联系人信息表单，实时校验、必填校验与错误提示
活动与权益: 专题活动页、优惠券/权益弹窗、VIP 标签展示
订单闭环: 下单支付、订单详情、支付状态与结果页回执
多语言: 繁体/简体/英文切换，错误码与提示信息国际化
文档预览: 电子保单/条款 PDF 在线预览（pdfh5）
导航与组件: 自研表单组件库（日期/选择/输入/单选/多选等）、日历/表格/导航栏等
集成与平台
渠道打通: 与渠道对接、匿名 visitorToken 支持
App 内嵌: 通过 JSBridge 获取登录态/签名，兼容原生 WebView 行为
配置化: public/config.js 管理环境与渠道参数，代理与多环境构建
工程与体验
性能优化: Vant 按需引入、SVG 图标合并、Rollup 拆包、构建体积分析
稳定性: Axios 全局拦截与错误码处理、登录失效兜底、请求超时处理
可观测性: 停留时长/页面浏览埋点统计，移动端 vConsole 调试