推动小案例

推动小案例

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

开发工具与关键技术：Axure RP8

撰写时间：2021/8/12

1.拉出文本段落，打上几段文字

 

2.拉出图片，选择自己喜欢的图片，设置尺寸为610*402

 

 

3.再拉出文本段落，打上几段文字

4.拉出文本标签，打上“展开更多”，字体大小为32，点上加粗效果，字体颜色为黑色

 

5.拉出文本段落，打出几段文字

6.拉出图片，选择自己喜欢的图片，设置大小为356*175

7.把第三个文本段落与小图片编一个组，备注为“隐藏内容”

 

8.拉出文本标签，打上“收起”，设置大小为32，字体加粗，颜色为黑色

9.把“收起”与“展开更多”并排

 

10.把“隐藏内容”与“收起”给选中，勾选住隐藏

 

11.点击“展开更多”，双击鼠标单击时，点击显示，勾选住隐藏内容，动画为向下滑动，更多选项中选择推动元件，动画为线性

12.点击显示，勾选住“收起”

 

13.点击隐藏，勾选住“展开更多”

14.点击“收起”，双击鼠标单击时，点击隐藏，勾选住隐藏内容，动画选择为向上滑动，，勾选拉动元件，动画为线性

 

15.点击显示，勾选“展开更多”

 

16.点击隐藏，勾选“收起”

 

推动小案例整体效果就完成了