毕业设计微信小程序-B站首页界面设计详细教程
仿 B 站首页的小程序项目，做得还挺像那么回事。页面布局、功能交互、组件拆分，基本都覆盖到了。你如果正好在做毕业设计或者想搞个练手项目，这套资源真的挺适合。
微信小程序的界面还原，B 站首页做模板再合适不过了。轮播图、视频列表、推荐卡片这些常见模块全都有，布局也比较规整，拿来练响应式布局和交互设计合适。
WXML + WXSS写界面结构和样式，用起来和写 HTML、CSS 差不多。比如页面模块就是用view标签来包，样式单位用rpx，能自动适配屏幕，响应也快。
组件化写法也有，像轮播图、视频卡片这些都封成了自定义组件，方便复用。你只要在json里声明一下就能直接用了，逻辑清晰，维护起来也不费劲。
交互方面，项目还原了像“点击跳转视频详情”、“滑动切换推荐频道”这种操作。你会接触到onTap事件、navigateTo跳转、甚至还能自己模拟下API数据来加载视频列表，边写边测试，体验还不错。
开发环境用的是微信开发者工具，新手也好上手。写完还能真机预览，调试效果清晰直观。唯一要注意的是小程序对接口求有限制，调试时最好用本地数据先跑通。
还有发布相关的流程，比如版本管理、提交审核啥的，项目里也有提到。你要是打算上线，那段内容可以参考一下，少走弯路。
，这套资源适合想系统摸一遍小程序开发流程的同学，不管是为了毕业设计还是打算转前端方向，都挺值得下手玩一玩。
如果你想深入学习，可以看看这篇讲得也蛮细的教程：小程序设计案例——B 站首页界面设计&&附详细教程
文件大小：1.77MB
评论区