东陂遇雨唐诗互动小程序示例
古诗的迷人之处,在于它既文艺又能玩出花。孟浩然的《东陂遇雨》这首唐诗,挺适合拿来做些小程序开发的素材,尤其是在做诗词类的互动功能时,用作展示内容或者答题素材都还不错。
像这个古诗猜迷答题小程序,就用到了类似的诗句做内容库,逻辑也不复杂,主要是题库和用户答题逻辑,配合下wx.request
就能跑起来。
要是你对诗词感兴趣,用 Perl 做古诗匹配的方式也挺有意思的。虽然 Perl 有点老,但正则文本那味儿还在,比如抓取平仄、对仗这些,用$1
、$2
搞定。
不过做前端的小伙伴,更关心 UI 那块,像position: absolute
定位古诗标题、做卡片式布局,再加点 CSS3 的transform: scale
动画,展示效果也蛮舒服的。哦对了,素材方面可以参考这个成语猜猜源码,整合得还挺全。
如果你想做点有文化气息的项目,不妨把这类古诗做成组件嵌进去。Vue
、React
这些框架都能轻松集成,不管是展示卡片还是互动功能都挺适配的。
86KB
文件大小:
评论区