uni-app的pc端宽屏适配

1,386 阅读1分钟

公司的需求需要做一个以微信小程序为主,pc端为辅的项目

1,新建一个windows/top-window.vue,在pages里注册,里面可以写导航栏

"topWindow": { "path": "windows/top-window.vue", "style": { "height": "60px" }, "matchMedia": { "minWidth": 768 //生效条件,当窗口宽度大于768px时显示 } },

image.png

image.png

2,然后在app,vue里设置有topwindows的时候tabar隐藏

.uni-app--showtopwindow + .uni-tabbar-bottom { display: none; }

image.png