添加 APP 内部打开网页的 是否横屏控制

chenhaozhe

2025-09-15 00610539ff4759656ab613b6c3ac35c66f99da79

添加 APP 内部打开网页的 是否横屏控制

 pages/InnerHtmlPage/index.vue

@@ -9,6 +9,7 @@
        data() {
            return {
                targetSrc: '',
                pageMode: '',
            };
        },
        onLoad(e) {
@@ -18,7 +19,18 @@
                    title: e.pageTitle
                })
            }
            let pageMode = e.pageMode || 'vertical'
            if (pageMode == 'horizontal') {
                plus.screen.lockOrientation('landscape-primary');
            } else {
                plus.screen.lockOrientation('portrait-primary');
            }

        },
        onUnload() {
            // 恢复到竖屏
            plus.screen.lockOrientation('portrait-primary');
        }
    }
</script>


 pages/index/index.vue

@@ -207,7 +207,7 @@
                    {
                        img: '../../static/icon/icon8.png',
                        text: '检验报告',
                        url: `/pages/InnerHtmlPage/index?src=http://172.16.72.15:8999/index.aspx?name=${getUserInfo()['HICNumber']}&pageTitle=检验报告`,
                        url: `/pages/InnerHtmlPage/index?src=http://172.16.72.15:8999/index.aspx?name=${getUserInfo()['HICNumber']}&pageTitle=检验报告&pageMode=horizontal`,
                        id: 24,
                        hidden: false,
                    },

 pages/shengchanlingliao/form.vue

@@ -910,20 +910,22 @@
        }

        .right {
            width: 450rpx;
            // width: 450rpx;
            flex: 1;
            border-radius: 22rpx;
            border: 1px solid #acacac;
        }

        .righton {
            width: 450rpx;
            // width: 450rpx;
            flex: 1;
            border-radius: 22rpx;
            border: 1px solid #e4e4e4;
            background-color: #e4e4e4;
        }

        input {
            width: 100%;
            width: inherit;
            padding: 8rpx 20rpx;
            font-size: 30rpx;
        }