Axure学习记录（菜单下拉/收起效果）

迈不过友情╰ 2023-10-07 19:12 5阅读 0赞

### Ant Design ###

链接: [Ant Design][]

### 跳转页面操作 ###

可以使用热区或者原件上选择交互中的 框架中打开链接 实现  
![在这里插入图片描述][140b8c12418e4b1d9edb0ea7d59baa90.png]

### 左侧菜单下拉/收起效果 ###

链接: [左侧菜单下拉/收起效果][Link 1]

#### 一级菜单下添加动态面板放置二级菜单 ####

![在这里插入图片描述][c91c3981fdec4a0f835e32504fa9ad06.png]

#### 动态面积设置 自适应内容 ####

![在这里插入图片描述][e5397beacd7d462a9a95e98b6d9d1ee1.png]

#### 将动态面积设置隐藏 ####

![在这里插入图片描述][04569888dfe84b7bad0f2ccfe5a386f3.png]  
设置隐藏后

![在这里插入图片描述][2ae1e5292c254ee8b634194b10860a1a.png]

#### 进行交互设置 ####

![在这里插入图片描述][c8572f52d5ca4d2bac3b81fe78af64fe.png]

#### 复制一份，记得两个一级菜单之间预留一点缝隙，推拉才能生效 ####

![在这里插入图片描述][1cd0fa7170b24a2283a6102302b5dc4a.png]

#### 演示效果 ####

![在这里插入图片描述][4df7549291da49d2b494354d73b6553b.gif]

[Ant Design]: https://ant.design/index-cn
[140b8c12418e4b1d9edb0ea7d59baa90.png]: https://img-blog.csdnimg.cn/140b8c12418e4b1d9edb0ea7d59baa90.png
[Link 1]: https://www.bilibili.com/video/BV1Yx411f7d6?p=18&vd_source=d3b4d71ef8bdeca900cd7e5e8149d6b6
[c91c3981fdec4a0f835e32504fa9ad06.png]: https://img-blog.csdnimg.cn/c91c3981fdec4a0f835e32504fa9ad06.png
[e5397beacd7d462a9a95e98b6d9d1ee1.png]: https://img-blog.csdnimg.cn/e5397beacd7d462a9a95e98b6d9d1ee1.png
[04569888dfe84b7bad0f2ccfe5a386f3.png]: https://img-blog.csdnimg.cn/04569888dfe84b7bad0f2ccfe5a386f3.png
[2ae1e5292c254ee8b634194b10860a1a.png]: https://img-blog.csdnimg.cn/2ae1e5292c254ee8b634194b10860a1a.png
[c8572f52d5ca4d2bac3b81fe78af64fe.png]: https://img-blog.csdnimg.cn/c8572f52d5ca4d2bac3b81fe78af64fe.png
[1cd0fa7170b24a2283a6102302b5dc4a.png]: https://img-blog.csdnimg.cn/1cd0fa7170b24a2283a6102302b5dc4a.png
[4df7549291da49d2b494354d73b6553b.gif]: https://img-blog.csdnimg.cn/4df7549291da49d2b494354d73b6553b.gif