#author("2022-12-10T10:57:11+08:00","default:Admin","Admin")
#author("2022-12-10T10:57:37+08:00","default:Admin","Admin")
[[uni-app]]

&color(red){※前提条件:vue3 的uniapp开发};

#contents

* 概要 [#f9996cda]

cover-view是可以覆盖在原生组件上的文本视图,也就是cover-view组件的层级高于原生组件,就像是原生组件的层级高于前端组件一样,如flash层级就高于div的层级。

部分组件,比如map、video、textarea、canvas是通过原生组件实现的,原生组件无法被前端组件覆盖,程序员需要找到能覆盖它们的存在,这也是设计出cover-view的原因。

* 例程 [#d5d9d54c]

** [#g1e42859]
** 浮动[#g1e42859]
我们需要实现一个在video上添加一个控制播放的按钮,用cover-view来做,再用个子绝父相,调整一个按钮的位置,就可以。

#codeprettify{{
<video class="vd" :controls="false">
    <cover-view class="controll" @click="click"></cover-view>
</video>
}}

#hr();
Comment:
#comment_kcaptcha

トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS