欢乐送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、到这欢乐送就基本做完了，如若做的有不对的地方，还望谅解。