1***@qq.com
1***@qq.com
  • 发布:2023-06-14 19:06
  • 更新:2023-06-14 20:12
  • 阅读:322

view 连接浏览器之后 webview-styles 怎么划定页面大小啊?

分类:HBuilderX

我想做一个访问浏览器的app 但是 浏览器页面太大了 把我的输入地址这些遮住了 还有就是 我怎么根据输入框输入的网址访问浏览器 而不是在程序里写```javascript


    <view>  
        <view class="ros">  
            <web-view :webview-styles="wei" src="" ></web-view>  
        </view>  
        <view class="out">  
            <view class="row">  
                <input class="border" type="text" placeholder="请输入视频流地址..." v-model="chushi.chu">  

            </view>  
            <view class="row">  
                <button type="primary" size="mini"  @click="onbtt">保存视频地址</button>  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                state:true,  
                chushi:{  
                    chu:""  
            }  
        };  
        },  
        methods: {  
            onbtt(){  
                console.log(this.chushi)  
            }  

        }  
    }  
</script>  
<style lang="scss">  
input{  
    border: 1px solid #ccc;  
}  
.out{  
    padding: 30rpx;  
    .row{  
        margin-bottom: 10rpx;  
    }  
    .border{  
        border: 1px solid #eee;  
        width: 100%;  
        min-height: 80rpx;  
        box-sizing: border-box;  
        padding: 0 80rpx;     
    }  
}  
.ros{  
    width: 400rpx;  
    height: 500rpx;  

}  

</style>
2023-06-14 19:06 负责人:无 分享
已邀请:
喜欢技术的前端

喜欢技术的前端 - QQ---445849201

web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。

你可以加个输入地址的页面,输完之后,点击调转携带地址,进入这个 web-view 页面

要回复问题请先登录注册