https://linsk27.github.io/tags/%E7%A7%BB%E5%8A%A8%E7%AB%AF/Recent content in 移动端 on 404_@林达Hugo -- gohugo.iozh-cn404_@林达Fri, 29 May 2026 00:00:00 +0000https://linsk27.github.io/projects/bilibili-nuxt3/Sun, 23 Mar 2025 00:00:00 +0000https://linsk27.github.io/projects/bilibili-nuxt3/<img src="https://linsk27.github.io/img/projects/bilibili-nuxt3-mobile-preview.jpg" alt="Featured image of post bilibili-nuxt3 Nuxt3 移动端项目" /><p>bilibili-nuxt3 是一个 Nuxt 3、Vue、TypeScript 和 Vant 移动端项目实战，围绕视频列表、频道导航、视频详情、分页加载、服务端渲染和 SEO 信息配置展开。它适合作为 Nuxt 3 project、Vue mobile app、Nuxt SSR SEO 和前端移动端页面结构的参考。</p> <p><img src="https://linsk27.github.io/img/projects/bilibili-nuxt3-mobile-preview.jpg" loading="lazy" alt="bilibili Nuxt3 mobile preview" ></p> <h2 id="适合谁">适合谁 </h2><ul> <li>想参考 Nuxt 3、Vue 和 TypeScript 移动端项目结构的人。</li> <li>正在学习 SSR、SEO meta、文件路由和首屏数据获取的人。</li> <li>需要 Vant UI、频道导航、视频列表和详情页示例的人。</li> <li>想做移动端前端项目实战、课程项目或简历作品的人。</li> </ul> <h2 id="项目价值">项目价值 </h2><p>这个项目的价值在于它把 Nuxt 的服务端渲染、SEO 信息配置、文件路由、移动端适配和数据交互放在一个完整示例里。相比普通组件练习，它更接近真实移动端内容应用，适合用来观察首页信息流、频道 tab、视频卡片和详情页之间的组织方式。</p> <p>项目预览图来自仓库 README。历史线上预览链接当前连接不稳定，因此这个项目页优先保留稳定的截图、技术说明和 GitHub 仓库入口，后续演示站恢复后再补充新的在线入口。</p> <h2 id="技术方向">技术方向 </h2><ul> <li>Nuxt 3</li> <li>Vue</li> <li>TypeScript</li> <li>Vant UI</li> <li>SSR</li> <li>SEO meta</li> <li>移动端 vw 适配</li> <li>视频列表与详情页</li> </ul> <h2 id="项目入口">项目入口 </h2><ul> <li>GitHub 仓库：<a class="link" href="https://github.com/linsk27/bilibili-nuxt3" target="_blank" rel="noopener" >linsk27/bilibili-nuxt3</a></li> <li>项目总览：<a class="link" href="https://linsk27.github.io/projects/" >linsk27 Projects</a></li> </ul> <p>如果这个 Nuxt 3 移动端项目对你有参考价值，欢迎在 GitHub 仓库点 Star。Star 是我继续完善预览、运行文档和项目说明的主要信号。</p>