帖子
帖子
用户
博客
课程
显示全部楼层
21
帖子
0
勋章
246
Y币

[YonStudio] 页面从侧边滑出,占据父页面的部分空间

[复制链接]
发表于 2024-5-15 12:25:54
本帖最后由 追赶星辰 于 2024-5-15 12:27 编辑

怎么实现像这种的效果,就是子页面从侧边滑出,只占据父页面的一部分空间,然后又有防穿透效果,然后点击防穿透的区域,子页面又缩回去,这种要怎么实现,像下面这种图
6644398fa2943.png
664438ecb9ea9.png
664439285f388.png
方法很多,可以利用css的滑动效果,自己写个盒子,css写展示效果就可以了,点击穿透的话可以使用event.stopPropagation();或者直接用一个半透明frame就不用考虑点击穿透了。
0
帖子
2
勋章
1511
Y币
补充:也可以使用官方提供的布局api,即

api.openSlidLayout



api.openDrawerLayout

具体用哪个,可以自己运行测试后进行选择。(点击上面的链接,可以查看该函数的使用介绍)
20
帖子
2
勋章
3万+
Y币
如果没有使用avm框架,也可引入vant-ui,里面的组件也可以实现你的效果。
您需要登录后才可以回帖 登录

本版积分规则