简易的微信小程序

李勇俊

2019.12.24

115人浏览

简易版的微信小程序,方便新手使用

项目名称:微信小程序

开发工具:微信开发者工具

开发人:李勇俊


1.小程序一共分为三个界面,第一个为新闻首页:


简易的微信小程序


首页分为两个部分,第一个部分是轮播图展示,将会在首页的上方,部分展示今日的新闻内容.第二个部分是新闻搜索,可以通过搜索关键字来查找今日的新闻内容.


简易的微信小程序


在最下方还设有清除记录的按键,可以在显示太多新闻之后,清除重新搜索.

因为关键字搜索可能会搜索多条新闻,所以在这我们限定了显示的条数.如果想要显示更多的新闻,只需修改js中的number值.


简易的微信小程序


2.第二个界面是个人中心,在这个界面我们可以获取用户的头像和昵称:


简易的微信小程序


在个人中心界面,我们还可以编写自己想要的模块,如下图中的订单,积分,钱包,优惠券,浏览记录等,都可以在js中调用不同的函数进行不同的功能操作.


简易的微信小程序


3.第三个界面是帮助界面,分为两个部分,第一个部分是个人轮播图展示,第二个部分是智能问答.


简易的微信小程序


这个界面里的轮播图与首页的稍有不同,首页是通过接口,调出今日新闻的图片,而在这个界面我们可以设置自己喜欢的图片.图片的数目和内容都可以通过增删js中imgUrls里的值来改变:


简易的微信小程序


简易的微信小程序


第二个部分是智能问答,可以通过用户输入的内容,进行查询返回对应的结果,在查询的过程中还可以设置一个进度条的组件,增加与用户的交互:


简易的微信小程序


当进度条读满时,将其隐藏,并显示返回的结果.其中进度条我们也可以通过修改progress中不同的属性值来达到不同的效果.


简易的微信小程序


简易的微信小程序


尚有不足之处

将会在日后逐渐完善

感谢您的观看

李勇俊    326 新疆维吾尔族自治区哈密地区哈密市 设计师杨冰是女孩 1997.07.06
京ICP备17020986号-1
设计师啪啪网2019版