小程序使用web-view增加新样式

最新推荐文章于 2024-08-12 15:50:16 发布

Dj_Fairy

最新推荐文章于 2024-08-12 15:50:16 发布

阅读量813

点赞数

文章标签：小程序前端

本文链接：https://blog.csdn.net/Dj_Fairy/article/details/134139296

版权

web-view在页面中是铺满一整页的，所以可以使用cover-view覆盖在上面，并进行操作

<web-view :src="webview_url" v-if="webview_url" >
                <cover-view class="nav-bar">
                <cover-view></cover-view>
                <cover-view class="title">{{ name }}</cover-view>
                <cover-view @click="rotate">
                    <cover-image class="rotate" src="../../static/img/home/rotate.png"></cover-image>
                </cover-view>
            </cover-view>
</web-view>

ps:在模拟器中不显示样式，在手机页面可以看到