智慧城市uniapp版
项目基于Hbuildx 3.1.22 使用第三方库包括: lunch-request、UView、uni-app扩展组件、秋云Ucharts
UI设计、编码:caleb
任务说明: 1.App启动后,显示开屏广告1秒,进入主页面。 2.主页上方显示广告轮播图。 3.缴费服务项目快捷入口以图表+文件形式展现,包括:手机费、水费、电费、燃气费,点击图表进入对应的交费页面。 4.今日天气显示当天天气,信息包括:天气(不同的天气不用不同的图标显示)、当前温度、湿度、空气质量,跑马灯形式滚动显示,点击可以进入显示最近7天天气情况。 5.生活资讯栏目以列表形式显示,信息包括:封面、标题、发布时间,最多显示3条新闻,点击一条新闻显示新闻详情页,点击“更多”显示生活资讯页面。 6.底部导航包括:首页、缴费、智慧养老、我的,以图表+文字形式显示,点击“缴费”图表进入生活交费页面;点击“我的”进入个人中心页面。
在App首页的服务快捷入口处点击“手机费”进入手机缴费页面。 任务说明: 1.手机缴费页面,上方显示选择运营商(包括:中国移动、中国联通、中国电信,必须单选),中部显示手机号码录入框,输入框下方显示“查询”按钮,点击此按钮进入交费页面,按钮下方显示常用手机号列表,列表行信息包括:运营商名称、手机号、添加时间,点击行进入交费页面。点击右上角的交费历史图标进入交费记录页面。 2.交费页面,上方显示交费项目名称,项目名称下方显示交费手机号,手机号下方显示可供选择的交费金额(包括:50元、100元、200元,要求图片+文件形式显示),最后显示“去支付”按钮,点击此按钮支付成功,点击右上角添加常用手机号图标,保存当前手机号为常用手机号。 3.交费历史记录页以列表形式显示充值记录,信息包括:手机号、交费日期。
在App首页的服务快捷入口处分别点击“水费”、“电费”、“燃气费”可以分别进入对应的欠费查询页面。 任务说明: 1.水费欠费查询页面,上方显示选择地区(必须单选)、中部显示水费号输入框、下方显示“查询”按钮,点击按钮后如果查询到欠费显示欠费交费页面。欠费交费页面显示信息包括:交费地区、水费号、欠费金额,点击“去支付”按钮支付欠费金额。点击右上角交费历史记录图标显示交费历史页,此页面以列表形式显示,每行信息包括:交费时间、交费金额、水费号。 2.电费欠费查询页面,上方显示选择地区(必须单选)、中部显示电费号输入框、下方显示“查询”按钮,点击按钮后如果查询到欠费显示欠费交费页面。欠费交费页面显示信息包括:交费地区、电费号、欠费金额,点击“去支付”按钮支付欠费金额。点击右上角交费历史记录图标显示交费历史页,此页面以列表形式显示,每行信息包括:交费时间、交费金额、电费号。 3.燃气费欠费查询页面,上方显示选择地区(必须单选)、中部显示燃气费号输入框、下方显示“查询”按钮,点击按钮后如果查询到欠费显示欠费交费页面。欠费交费页面显示信息包括:交费地区、燃气费号、欠费金额,点击“去支付”按钮支付欠费金额。点击右上角交费历史记录图标显示交费历史页,此页面以列表形式显示,每行信息包括:交费时间、交费金额、燃气费号。
在App首页面上点击今日天气显示栏目进入最近7天天气页面。 任务说明: 1.上方显示当天天气情况,包括:当前温度、最好温度、最低温度、天气情况、空气质量、空气湿度(要求用圆形进度条标识)、体感温度、紫外线指数。 2.下方以列表的形式显示未来7天的天气情况,信息包括:日期、星期、天气、最高温度、最低温度。
在App首页面上点击生活资讯栏目的更多,进入新闻资讯页面。 任务说明: 1.新闻资讯页以列表方式显示,每行信息包括:封面、标题、发布时间、阅读数,点击一行进入资讯详情页。 2.资讯详情页面,上方显示资讯标题、发布日期,下方显示资讯内容,资讯内容下发如果有评论需要显示评论列表,底部显示发表评论输入框以及评论提交按钮,点击此按钮发布评论,评论列表上方显示点赞按钮(按钮以图片展现并显示点赞人数),点击此按钮可以点赞此资讯。
点击App首页右上角的个人中心图标,进入用户个人中心页面。 任务说明: 1.首先进入个人中心页面,如果用户已登录,则显示用户头像、账户、个人信息页面入口、订单列表页面入口、修改密码页面入口、意见反馈页面入口,点击退出按钮可退出登录。否则显示用户登录页面。 2.点击个人信息跳转至个人信息页面,标签栏显示本页面标题,点击返回图标可返回到上一页,点击修改可保存修改的信息,可修改内容为:头像、昵称、性别、联系电话,注:证件号只显示前两位与后四位数字其他使用*号代替。 3.点击修改密码可进入修改密码页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入原密码与新密码,点击确定按钮可保存修改的信息。 4.点击“交费记录”进入交费历史记录页面,页面上方显示tab切换不同交费类型,包括:水费、电费、燃气费、手机费,根据切换动态显示下方交费记录列表信息。 5.点击意见反馈可跳转至意见反馈页面,标签栏显示本页面标题,点击返回图标可返回到上一页,输入反馈的内容,字数限制在150字以内,点击提交可提交反馈的意见。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。