微信小程序前端页面Demo系列之仿塞尔达攻略助手首页

Hello&＃xff01;小伙伴&＃xff01;
非常感谢您阅读海轰的文章&＃xff0c;倘若文中有错误的地方&＃xff0c;欢迎您指出&＃xff5e;
 
自我介绍 ଘ(੭ˊᵕˋ)੭
昵称&＃xff1a;海轰
标签&＃xff1a;程序猿&＃xff5c;C&＃43;&＃43;选手&＃xff5c;学生
简介&＃xff1a;因C语言结识编程&＃xff0c;随后转入计算机专业&＃xff0c;有幸拿过国奖、省奖等&＃xff0c;已保研。目前正在学习C&＃43;&＃43;/Linux&＃xff08;真的真的太难了&＃xff5e;&＃xff09;
学习经验&＃xff1a;扎实基础 &＃43; 多做笔记 &＃43; 多敲代码 &＃43; 多思考 &＃43; 学好英语&＃xff01;
 
为什么会想到仿照一些小程序的页面&＃xff1f;
自己平时主要学习方向还是C&＃43;&＃43;/Python&＃xff0c;其实还是有点枯燥的
css只是个人兴趣&＃xff0c;觉得实时渲染出图形还是挺好玩的
看到一些好看的页面也想知道是如何实现的
没事的时候也会看看一些css案例&＃xff0c;学习学习 活跃活跃思维
 
水平有限&＃xff0c;仅作学习使用
如果您有好的建议或者发现错误&＃xff0c;欢迎交流&＃xff5e;
感谢&＃xff01;

1、原效果图

2、复现效果图

js

wxml

wxss

文章仅作为学习笔记&＃xff0c;记录从0到1的一个过程

希望对您有所帮助&＃xff0c;如有错误欢迎小伙伴指正&＃xff5e;

可复制粘贴代码位见&＃x1f447;&＃x1f447;&＃xff08;推文中&＃xff09;