通用廣告

支持布局

• reponsive
• fixed-height
• fixed

示例

banner 樣式

layout="responsive" 為組件布局設(shè)定，文檔。width 和 height 請根據(jù)廣告實際寬高填寫。

<mip-ad
    layout="responsive"
    width="414"
    height="80" 
    type="ad-comm"
    tpl="onlyImg" 
    href="//m.baidu.com/s?word=百度" 
    data-size="1242 180" 
    src="//m.baidu.com/static/search/ala/ad_1.png">
</mip-ad>

無圖樣式

<mip-ad
    layout="fixed-height"
    height="80" 
    type="ad-comm"
    tpl="noneImg" 
    href="//m.baidu.com/s?word=百度" 
    data-title="廣告標(biāo)題">
</mip-ad>

單圖樣式

<mip-ad
    layout="reponsive"
    width="414"
    height="80" 
    type="ad-comm"
    tpl="oneImg" 
    href="//m.baidu.com/s?word=百度" 
    data-size="1242 180" 
    src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2357051511,2286288825&fm=11&gp=0.jpg" 
    data-title="廣告標(biāo)題">
</mip-ad>

多圖樣式

<mip-ad 
    type="ad-comm"
    tpl="moreImg" 
    href="//m.baidu.com/s?word=百度" 
    data-size="1242 180" 
    src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4009078664,3186400936&fm=111&gp=0.jpg;https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=521986262,2379149184&fm=21&gp=0.jpg;https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=195400779,4163278668&fm=21&gp=0.jpg" 
    data-ads="這里是廣告摘要;這里是廣告摘要" 
    data-txt="這里是圖片標(biāo)題;這里是圖片標(biāo)題;這里是圖片標(biāo)題啊啊啊"
    data-title="這里是廣告標(biāo)題這里是廣告標(biāo)題標(biāo)">
</mip-ad>

屬性

type

說明：廣告類型
必選項：是
類型：字符串
取值：ad-comm 默認(rèn)值：無

tpl

說明：樣式
必選項：是
類型：字符串
取值：banner,noneImg,oneImg,moreImg 默認(rèn)值：無

href

說明：跳轉(zhuǎn)地址
必選項：是
類型：URL
默認(rèn)值：無

src

說明：圖片地址，在多圖類型下，多張圖片的地址用半角分號(;)分隔開
必選項：否
類型：字符串
默認(rèn)值：無

data-size

說明：圖片大小, 用來設(shè)定圖片的寬高比，在有圖片的情況下需要設(shè)置
必選項：否（廣告類型為banner時，必填）
類型：兩數(shù)字用空格分開
默認(rèn)值：無

data-title

說明：廣告標(biāo)題，可設(shè)置為廣告描述
必選項：banner，多圖）否；（無圖，單圖）是
類型：字符串
默認(rèn)值：無

data-txt

說明：廣告子標(biāo)題，多圖時可用
必選項：否
類型：字符串
默認(rèn)值：無

data-ads

說明：廣告摘要，多圖時可用
必選項：否
類型：字符串
默認(rèn)值：無