2023年微信小程序視圖容器 cover-view
微信小程序視圖容器 cover-view 是一個(gè)覆蓋在原生組件之上的文本視圖,可以嵌套在 cover-view 和 cover-image 中,并且可使用 button。該組件的長(zhǎng)度單位默認(rèn)為 px,也支持傳入單位(rpx/px)。
支持的原生組件
- map:地圖組件
- video:視頻組件
- canvas:畫(huà)布組件
- camera:相機(jī)組件
- live-player:實(shí)時(shí)音視頻播放組件
- live-pusher:實(shí)時(shí)音視頻推流組件
屬性
屬性 | 類(lèi)型 | 默認(rèn)值 | 必填 | 說(shuō)明 | 最低版本 |
---|---|---|---|---|---|
scroll-top | number/string | 否 | 設(shè)置頂部滾動(dòng)偏移量,僅在設(shè)置了 overflow-y: scroll 成為滾動(dòng)元素后生效 | 2.1.0 |
提示
- cover-view 和 cover-image 的 aria-role 僅可設(shè)置為 button,這樣在讀屏模式下才可以點(diǎn)擊,并朗讀出“按鈕”;為空時(shí)可以聚焦,但不可點(diǎn)擊
- 基礎(chǔ)庫(kù) 2.2.4 起支持 touch 相關(guān)事件,也可使用 hover-class 設(shè)置點(diǎn)擊態(tài)
- 基礎(chǔ)庫(kù) 2.1.0 起支持設(shè)置 scale、rotate 的 css 樣式,包括 transition 動(dòng)畫(huà)
- 基礎(chǔ)庫(kù) 1.9.90 起 cover-view 支持 overflow: scroll,但不支持動(dòng)態(tài)更新 overflow
- 基礎(chǔ)庫(kù) 1.9.90 起最外層 cover-view 支持 position: fixed
- 基礎(chǔ)庫(kù) 1.9.0 起支持插在 view 等標(biāo)簽下。在此之前只可嵌套在原生組件 map、video、canvas、camera 內(nèi),避免嵌套在其他組件內(nèi)。
- 基礎(chǔ)庫(kù) 1.6.0 起支持 css transition 動(dòng)畫(huà), transition-property 只支持 transform (translateX, translateY) 與 opacity。
- 基礎(chǔ)庫(kù) 1.6.0 起支持 css opacity。
- 事件模型遵循冒泡模型,但不會(huì)冒泡到原生組件。
- 文本建議都套上 cover-view 標(biāo)簽,避免排版錯(cuò)誤。
- 只支持基本的定位、布局、文本樣式。不支持設(shè)置單邊的 border、background-image、shadow、overflow: visible 等。
- 建議子節(jié)點(diǎn)不要溢出父節(jié)點(diǎn)
- 支持使用 z-index 控制層級(jí)
- 默認(rèn)設(shè)置的樣式有:white-space: nowrap; line-height: 1.2; display: block;
- 自定義組件嵌套 cover-view 時(shí),自定義組件的 slot 及其父節(jié)點(diǎn)暫不支持通過(guò) wx:if 控制顯隱,否則會(huì)導(dǎo)致 cover-view 不顯示
<本文由himall原創(chuàng),商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)標(biāo)明:himall原創(chuàng)>
滿足不同行業(yè)發(fā)展電商的需求,HiMall更有針對(duì)性的提供不同行業(yè)內(nèi)的電商解決方案
-
跨境電商解決方案
支持直郵/保稅模式
對(duì)接海關(guān)/保稅倉(cāng)
支持多國(guó)國(guó)際語(yǔ)言
對(duì)接Paypal國(guó)際支付
幫助跨境外貿(mào)企業(yè)搭建跨境進(jìn)口/出口電商平臺(tái),搶占國(guó)際電商市場(chǎng),針對(duì)企業(yè)需求定制個(gè)性化跨境電商解決方案 -
分賬解決方案
迎合金融監(jiān)管要求
規(guī)避“二清”結(jié)算
節(jié)約平臺(tái)財(cái)務(wù)成本
降低平臺(tái)招商成本
在合法、合規(guī)的前提下,為電商平臺(tái)提供資金收付、賬戶(hù)管理、資金合規(guī)等一體化整體解決方案 -
B2B批發(fā)解決方案
多級(jí)階梯批發(fā)價(jià)
布局全渠道批發(fā)入口
專(zhuān)屬批發(fā)訂貨市場(chǎng)
銀聯(lián)B2B大額支付
為企業(yè)快速搭建綜合性B2B批發(fā)電商平臺(tái),整合線下批發(fā)資源,拓展線上批發(fā)渠道,實(shí)現(xiàn)批發(fā)業(yè)務(wù)24小時(shí)在線經(jīng)營(yíng)
-
MRO工業(yè)品采購(gòu)平臺(tái)系統(tǒng)|MRO工業(yè)品采購(gòu)平臺(tái)系統(tǒng)有哪些功能
最新消息:MRO工業(yè)品采購(gòu)平臺(tái)系統(tǒng) 是一款集產(chǎn)、研、銷(xiāo)于一體的綜合性解決方案,專(zhuān)為解決工業(yè)品企業(yè)的采購(gòu)難題而設(shè)計(jì)。該系統(tǒng)通過(guò)...詳情
-
電子元器件采購(gòu)商城系統(tǒng)|電子元器件采購(gòu)商城系統(tǒng)有哪些功能
最新消息:電子元器件采購(gòu)商城系統(tǒng) 是專(zhuān)為滿足電子元器件行業(yè)復(fù)雜業(yè)務(wù)流程需求而設(shè)計(jì)的綜合性平臺(tái)。它不僅提供了全面的技術(shù)支持...詳情
【本站聲明】
1、本網(wǎng)站發(fā)布的該篇文章,目的在于分享電商知識(shí)及傳遞、交流相關(guān)電商信息,以便您學(xué)習(xí)或了解電商知識(shí),請(qǐng)您不要用于其他用途;
2、該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)并非來(lái)源于本網(wǎng)站,更非本網(wǎng)站提供,與本網(wǎng)站無(wú)關(guān),系他人的商品或服務(wù),本網(wǎng)站對(duì)于該類(lèi)商標(biāo)、標(biāo)識(shí)不擁有任何權(quán)利;
3、本網(wǎng)站不對(duì)該篇文章中所涉及的商標(biāo)、標(biāo)識(shí)的商品/服務(wù)作任何明示或暗示的保證或擔(dān)保;
4、本網(wǎng)站不對(duì)文章中所涉及的內(nèi)容真實(shí)性、準(zhǔn)確性、可靠性負(fù)責(zé),僅系客觀性描述,如您需要了解該類(lèi)商品/服務(wù)詳細(xì)的資訊,請(qǐng)您直接與該類(lèi)商品/服務(wù)的提供者聯(lián)系。