收藏
评论

三字经解析

看了不少网文后,就想做个读书的小程序。皮肤颜色、字体大小什么的都可以自己选。就拿《三字经》练下手,学习学习。

首先是设计:三个页面展示内容:一是放正文,一个放简介,还有一个是引申。所有的设置放一堆,再占一个页面。

首页即正文,上面放个标题栏,下面就是正文展示区。就是上面一个swiper组件,下面一个scroll-view

简介分了几栏分别放作者、内容介绍、名词解释、历史朝代,这些都用json数据就可以了。历史朝代本来是网图,后来为熟悉flex布局,就用flex画格子,一个一个朝代画了下。

引申用了request函数请求资源,改良封装了。然后,列表展示就好。为了好看,配了些图片。

最后,重头戏就是全局设置。皮肤和字体分别要准备几个,所有页面在外面要加个大框子。字体引入三种方式都试了,还是用正牌的wx.loadfontface比较靠谱。字体大小因为《三字经》分了正文和译注,所以全局变量设了两个字体大小的,通过在wxml中设置变量来实现样式改变。

做的时候,有些苦恼,回头看看,倒也有趣。然而,真正的问题来了。

辛辛苦苦,功能基本都实现了,拿给老婆大人一看,太难看了。

太难看了……

是的

我改

加了渐变色,

加了点击效果,

加了播放功能,

修改各种图片,

各种上下、左右滑动。

好了,我也不知道怎么改了,现在呈报给各位审核,请抬高贵荑,扫一扫,检视之并提宝贵意见。


扫码体验

赞 0
收藏
登录 后发表内容