微信小程序--星座运势

李勇俊

2020.01.16

61人浏览

微信小程序之星座运势

项目名称:微信小程序

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

开发人:李勇俊


小程序一共分为三个部分:

1.首页:通过用户的授权,可以获取到用户的头像、昵称等信息,同时为了丰富主页和加强练习,增加了一个时间的获取在页面最上方,整体布局通过背景照片和渐变色的搭配展现出小程序的主调,使得星空的主题更加亮眼。


微信小程序--星座运势


用户通过点击我的星座运势即可进入到第二个信息获取页面,下方为首页上方获取时间的代码:


微信小程序--星座运势


2.信息获取页面:通过用户输入的时间信息,对其进行判断,从而得出用户的星座,在js中返回相对应的数据到第三个界面进行展示。第一版较为简单,第二版将会把输入框改为picker组件,mode设置日期。


微信小程序--星座运势


以下代码是通过if else来判断不同时间所对应的星座,并赋值给全局变量一个值后跳转到第三个界面。


微信小程序--星座运势


3.信息展示界面:  为用户展示了本日,本月,本年和明日的运势以及感情建议。


微信小程序--星座运势

    

调取api的数据,通过获取到的全局变量的值,根据不同的值,展现出用户输入时间所对应星座的运势。


微信小程序--星座运势


第一版为了优化用户的体验,去除了繁杂的登录注册等功能,并且还有许多需要优化的地方,将在第二版逐步完善。


微信小程序--星座运势


第一版已经上线,感兴趣的同学可以扫码体验,感谢支持!



尚有不足之处,

感谢您的观看!

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