微信小程序--星座运势

李勇*

微信,api

项目描述

微信小程序之星座运势

上传时间

2020.01.16

浏览人数

1277人
李勇*
新疆维吾尔族自治区哈密地区哈密市
Hot:3843

项目名称:微信小程序

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

开发人:李勇俊


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

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


微信小程序--星座运势


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


微信小程序--星座运势


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


微信小程序--星座运势


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


微信小程序--星座运势


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


微信小程序--星座运势

    

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


微信小程序--星座运势


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


微信小程序--星座运势


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



尚有不足之处,

感谢您的观看!

李勇*

当前作品暂无评分

还未获得评语哦~
web 天津web培训 PS AJAX JQUERY 天津web培训 天津web前端培训 web培训 web前端培训 CSS jQuery 天津web前端培训班 天津web前端培训 CSS jQuery 天津web前端培训 天津web培训 天津web培训哪家好 VS Code WebStorm 天津web前端培训 web前端培训 web前端 VS Code WebStorm Dreamweaver、Visual 天津web前端培训 web前端培训 web前端 前端开发培训 VS Code DreamWeaver 天津web前端培训 web前端培训 天津前端培训 天津web培训 web前端 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 WebStorm Eclipse Editplus 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 AndroidStudio Eclipse Xcode Web Storm 天津WEB前端培训 天津WEB培训 天津前端培训 天津WEB前端培训班 Dreamweaver HBuilder Visual Studio Code 天津web前端培训 天津web培训 web前端开发培训 天津前端开发培训 Dreamweaver HBuilder Visual Studio Code 天津web前端培训 web前端培训 天津web前端培训班 天津web前端培训机构 Visual Studio Code Sublime Text WebStorm Ecli 天津web前端培训 天津web前端培训机构 web前端开发培训 天津web培训 Dreamweaver HBuilder Visual Studio Code 天津web前端培训 天津web前端培训机构 web前端培训 web前端培训班 Dreamweaver HBuilder Visual Studio Code 天津web前端培训 天津web前端开发培训 天津web培训 天津前端开发培训 HBuilder Visual Studio Code Sublime Text WebS 天津web前端培训 天津web前端培训机构 天津web前端培训学校 Dreamweaver HBuilder Visual Studio Code 天津web前端培训 天津web前端培训机构 天津web前端培训班 天津web前端培训学校 web java python 天津web前端培训 天津web前端培训班 天津web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训机构 天津web前端培训学校 web前端培训 web java python 天津web前端培训 天津web前端培训机构 web前端培训班 web前端培训 web java python 天津web前端培训 天津web前端培训班 天津web前端培训机构 web前端培训学校 python java web 天津web前端培训 天津web前端培训学校 web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训机构 天津web前端培训班 web python java 天津web前端培训 天津web前端培训学校 web前端培训班 web python java 天津web前端培训 天津web前端培训班 web前端培训 web java python 天津web前端培训 天津web前端培训班 天津web前端培训机构 web前端培训 web python java 天津web前端培训 天津web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训班 web前端培训 web java python 天津web前端培训 天津web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训班 web前端培训 web java python 天津web前端培训 天津web前端培训班 web java python 天津web前端培训 天津web前端培训机构 web前端培训 web java python 天津web前端培训 天津web前端培训班 web前端培训机构 web python java 天津web前端培训 天津web前端培训班 web java python 天津web前端培训 天津web前端培训班 web java python 天津web前端培训 天津web前端培训哪家好
李勇*    3843 新疆维吾尔族自治区哈密地区哈密市 设计师杨冰是女孩 1997.**.**
筑坐极
牛人
作品
关于我们
本网站已在中国版权保护中心登记了美术作品著作权与软件著作权违者将依法追究责任，特此声明！ | Copyright©2013-2022,zhuzuoji.com | 诚筑说培训学校(天津)有限公司内容支持 | 电话：400-026-7117 | 京ICP备17020986号-5