您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

欢乐送app

欢乐送

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术: Axure

作者:谢雅杰

撰写时间:2021/6/27

  1. 欢乐送一共有九个页面,分别时主页面-登录页面-动态页面-发布页面-订单页面-订单详情页面-我的页面0-设置页面-收货地址页面。
  2. 首先是主页面,logo图片拖进来就可以了,设置页面载入时,显示logo,字体欢乐送向下滑动,GO向右翻转。在设置一下GO,鼠标单击时,跳转页面,就是打开链接,当前窗口跳转到登录页面

3、第二个是登录页面,logo还是拉进来就好,图标元件库能找到,也可以拉进来,外围一个矩形,里面一个文本框,文本框隐藏边框,矩形的话只留下边框,填充一下颜色就好了。

4、鼠标单击时,当前窗口打开链接,跳转到动态页面。

5、第三个是动态页面,中间的图片拖入即可,拉入动态面板,滚动条设置成自动显示垂直滚动条,就有那样的效果。只需要一个面板即可。底部的导航栏图标文件夹,字体自己敲,外面还有一层热区,设置鼠标单击时,当前窗口跳转到其他页面。

6、图片拖放到面板里面,先完成一个,剩下的复制就好了,要设置一下交互样式鼠标单击时设置尺寸,这样面板里的内容就完成了。

7、接下来时切换背景在文件里拖出-搜索框-矩形只要下边框-名称打上去就好了。隐藏它,设置交互,要添加条件,显示切换向下滑动,再隐藏掉它。

8、下一个筛选,有三部分:收货地址-快递公司-收货时间,这个跟动态面板的复制方法一样,先完成一部分,复制两部分就好了。设置交互样式鼠标悬停选中

9、交互了,添加动作里找到选中状态,配置动作里找到你要选中的动作,有了选中状态就有取消选中状态,配置动作里把你要取消的动作勾选上就好了。快递公司和收获地址做的方法全都一样。收货地址做出来了,后面把两个也能做出来。到这动态页面就做完了。

10、第四个是发布页面,发布两个字的下面直接在文件里拖进来就好了,图标也能拖进来,但后面的字就要自己敲了,这个页面主要元件有:矩形-文本框-字体

11、第五个是订单页面,这个页面有一个动态面板两个状态,分别是我的订单我的跑腿。图标文件里面直接拖出,字自己敲,后面是按钮要设置一下,鼠标单击时设置尺寸

12、接下来设置动态面板状态,点击我的订单的时候State1向左滑动,选中状态是我的订单

13、点击我的跑腿时State2向右滑动,选中状态是我的跑腿

14、第六个是订单详情,图标还是一样的这个页面需要设置的只有底部的确认发布鼠标单击时设置尺寸,,其他的自己敲就好了。

15、第七个是我的页面,头像也是拉的,余额和签到的图标也是拉的,下面的图标也是拉的,矩形元件库里找的,只留下边框剩下的三个边全不要。按钮元件库里面有。收获地址和设置需要设置交互,当前窗口跳转

16、第八个是设置页面,修改密码-关于我们-版本更新。矩形只要下边框。底部有个新增地址,需要设置一下交互,鼠标单击时设置尺寸放大缩小

17、第九个页面也是最后一个页面,收货地址:需要用到的是中继器,里面的删除小图标要设置交互。鼠标单击时删除行即可。下面的新增地址也要设置交互。鼠标单击时设置尺寸就完事了。还有单选按钮

18、到这欢乐送就基本做完了,如若做的有不对的地方,还望谅解。


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进