uniapp启动横屏 切换屏幕布局乱

app.vue中添加：

onLaunch: function() {
            // #ifdef APP-PLUS
            plus.navigator.setFullscreen(true);// 隐藏手机系统状态栏 隐藏顶部电池,时间等信息
            plus.navigator.hideSystemNavigation()//隐藏虚拟按键
            plus.screen.unlockOrientation(); //解除锁定屏幕方向
            plus.screen.lockOrientation( 'landscape-primary');//横屏锁定
            // #endif
        },

template中代码如下：

<template>
    <view class="content">
        <!-- 微信 -->
        <view class="wxWrap">
            <!-- 占位符 -->
            <view ></view>
            <view class="wxStyle">
                <view class="wxlogo">
                    <image :src="picSrc.srcWx" class="custom-img" @click="login"></image>