篆刻时光科技 - AI 赋能智慧教育

教育 K12教育案例ID：252477

政哥

11 年经验· 篆刻时光科技(武汉)有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

篆刻时光科技的官网是面向 K12 智慧教育的 ToB/ToG 官网，服务对象是学校、教育局、师范院校。核心理念是「AI 赋能教师因材施教、学生个性化学习」，Slogan 为「AI 赋能 · 让学习更高效」。
官网承载两大使命：
品牌窗口 —— 统一展示公司产品、理念、案例与新闻，替代此前分散的品牌信息；
获客渠道 —— 通过 SEO 静态化收录 + 内容展示，支撑业务转化。

主要技术：Vue 3.5（<script setup> 组合式 API） + Vite 5
+ vue-router + ECharts + UI 组件库[Vuetify 3] + 动效 [lottie-web] + 图表 [ECharts 6 + vue-echarts] + 样式 Sass（SCSS，BEM + 工具类）

产品简述：篆刻时光科技官方网站。公司以 AI 赋能教师因材施教、学生个性化学习，本仓库承载其品牌与解决方案的对外窗口。
站点面向 K12 智慧教育，服务学校、教育局与师范院校，集中展示智慧考试、智慧校本作业、未来学习中心、智慧教辅、教师实训等全场景方案，并同步呈现创新理念、前沿科技、服务案例、新闻资讯与企业介绍。
立项旨在打通此前分散的产品与品牌信息，建设可被搜索引擎收录的统一官网，支撑获客与品牌传播。

负责描述：篆刻时光官网前端架构 0→1：基于 vite-ssg 将 22 个路由预渲染为独立静态 HTML，解决 SPA 官网 SEO 收录问题，同时免去 Node 服务端运维成本。设计系统：统一 Bootstrap 5 五档断点，SCSS 变量与 Vuetify thresholds 双端同步，覆盖 320–1920px 全设备矩阵，验收全档位无横向滚动。组件抽象：封装滚动入场动画、SSG 客户端渲染隔离、ECharts 全国地图、Lottie 动画等通用能力，业务页面零重复实现，支撑 22 个页面快速交付。性能优化：构建期按 vuetify/echarts/lottie/vue 分包；自研 sharp 脚本对全量静态资源近无损压缩；配合图片懒加载与 dns-prefetch/preconnect 预连接。移动端体验：补齐触屏轮播拖动、刘海屏安全区适配、prefers-reduced-motion 无障碍降级与 44px 触控目标，沉淀响应式规范文档供团队复用