Vue用vant组件写移动端时,实现横屏弹出遮罩层提示用户切换竖屏
今天做的项目移动端只配了竖屏的,横屏就很乱,无奈之下,想看看有没有禁止横屏的方法。搜索之后,还是选择了遮罩层提示用户切换回竖屏。
解决:
1、首先用的是vant组件,自带遮罩层Overlay,第一步是在main.js中引用该组件并在app.vue中应用。(具体官网都有,此处不再赘述)
app.vue中
<van-overlay :show="show">
<div class="wrapper">
<img src="../public/
原创
2021-11-22 20:11:21 ·
2439 阅读 ·
0 评论