新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程:cover-image 圖片視圖
- cover-image 圖片視圖
- 屬性說明
- 示例
- 代碼示例:圖片視圖
- Bug & Tip
cover-image 圖片視圖
解釋:覆蓋在原生組件之上的圖片視圖(與 cover-view 相比,僅支持圖片),支持嵌套在 cover-view 里。

船營網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計等網(wǎng)站項目制作,到程序開發(fā),運營維護。創(chuàng)新互聯(lián)從2013年創(chuàng)立到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
屬性說明
| 屬性名 | 類型 | 默認值 | 必填 | 說明 |
|---|---|---|---|---|
示例
跳轉(zhuǎn)編輯工具
在開發(fā)者工具中打開
在 WEB IDE 中打開
掃碼體驗
代碼示例
請使用百度APP掃碼
代碼示例:圖片視圖
- SWAN
- JS
- CSS
class="canvas"canvas-id="mycanvas">class="cover-image"src="https://b.bdstatic.com/miniapp/image/cover-image.png"bindload="imageLoad"binderror="imageError">
Bug & Tip
- Tip:支持 CSS transition 動畫,transition-property 只支持 transform(translateX 、translateY)與 opacity 。
- Tip:文本建議都套上 cover-view 標簽,避免排版錯誤。
- Tip:只支持基本的定位、布局、文本樣式。不支持設(shè)置單邊的 border 、background-image 、shadow 、
overflow: visible等。 - Tip:建議子節(jié)點不要溢出父節(jié)點。
- Tip:默認設(shè)置的樣式有:
white-space: nowrap; line-height: 1.2; display: block。 - Tip:建議不要頻繁改變 s-if 表達式的值控制顯隱,否則會導(dǎo)致 cover-view 顯示異常。
- Bug:iOS 端暫不支持一個頁面有多個 video 時嵌套 cover-view 。
- Tip:cover-view 和 cover-image 從基礎(chǔ)庫版本 1.12.0 開始支持事件捕獲、冒泡。
- Tip:cover-image 和 cover-view 的渲染順序與頁面中的標簽使用順序一致。
當前標題:創(chuàng)新互聯(lián)百度小程序教程:cover-image 圖片視圖
當前網(wǎng)址:http://m.5511xx.com/article/dpjieie.html


咨詢
建站咨詢
