<template>
    <view>
        <u-navbar :height="$navHeight" class="navbar" title-color="white" back-icon-color="white" :is-back="true" :title="title"
         :background="navbg" :border-bottom="false" :title-width="650"></u-navbar>
        <web-view :src="pdfUrl"></web-view>
    </view>
</template>

<script>
    import color from '../../common/configs/Color.js';
    import app_string from '../../common/configs/AppString.js'
    export default {
        data() {
            return {
                pdfUrl: '',
                title: "主坝",
                navbg: {
                    backgroundColor: color.themeColor
                },
            };
        },
        onLoad(options) {
            this.title = options.title
            this.pdfUrl = `/hybrid/html/web/viewer.html?file=${options.path}`;
        },
        onReady() {
            var that = this;
            var height = 0; //定义动态的高度变量，如高度为定值，可以直接写
            var statusBarHeight = 0;
            uni.getSystemInfo({
                //成功获取的回调函数，返回值为系统信息
                success: (sysinfo) => {
                    height = sysinfo.windowHeight - that.$navHeight - sysinfo.statusBarHeight; //自行修改，自己需要的高度
                    statusBarHeight = sysinfo.statusBarHeight;
                },
                complete: () => {}
            });
            var currentWebview = this.$scope.$getAppWebview(); //获取当前web-view
            setTimeout(function() {
                var wv = currentWebview.children()[0];
                wv.setStyle({ //设置web-view距离顶部的距离以及自己的高度，单位为px
                    top: that.$navHeight + statusBarHeight,
                    height: height
                })
            }, 500); //如页面初始化调用需要写延迟
        }
    }
</script>

<style lang="scss">

</style>