建站
咨詢
售后
建站咨詢
新聞中心
- anchor-img 標簽圖片
- 屬性說明
- list 標簽數(shù)組有效值
- 示例
- 代碼示例
- 代碼示例
- 屬性說明
anchor-img 標簽圖片
解釋：標簽圖片組件，控制展開顯示標簽以及點擊標簽獲取當前標簽信息。可支持 aspectFit 和 widthFix 兩種圖片模式，支持自動計算標簽方向，支持更改標簽顏色和風格。
成都創(chuàng)新互聯(lián)10多年成都企業(yè)網(wǎng)站建設(shè)服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及高端網(wǎng)站定制服務(wù),成都企業(yè)網(wǎng)站建設(shè)及推廣,對成都混凝土泵車等多個方面擁有豐富的網(wǎng)站制作經(jīng)驗的網(wǎng)站建設(shè)公司。
屬性說明
| 屬性名 | 類型 | 必填 | 默認值 | 說明 |
|---|---|---|---|---|
|
url |
String |
是 |
標簽圖片地址 |
|
|
originWidth |
Number |
是 |
圖片原始寬度 |
|
|
originHeight |
Number |
是 |
圖片原始高度 |
|
|
list |
Array |
是 |
標簽數(shù)組。例： |
|
|
mode |
String |
否 |
widthFix |
標簽圖片模式。目前只支持 widthFix 和 aspectFit |
|
showAnchor |
Boolean |
否 |
true |
是否默認展開標簽 |
|
maxFontCount |
Number |
否 |
6 |
允許顯示的標簽最大字數(shù)，多余省略。position 為空時用于計算左右方向 |
|
textColor |
Color |
否 |
#fff |
標簽文本顏色 |
|
tagColor |
Color |
否 |
rgba(0，0，0，0.6) |
標簽背景色 |
|
fontSize |
Number |
否 |
12 |
標簽字號大小 |
|
roundSize |
Number |
否 |
10 |
圓點直徑，與標簽連線長度一致 |
|
needHandler |
Boolean |
否 |
true |
是否需要控制器 |
|
handlerSize |
Number |
否 |
15 |
控制器圖標寬 / 高 |
|
active |
EventHandle |
否 |
點擊某個標簽觸發(fā) |
list 標簽數(shù)組有效值
| 屬性名 | 類型 | 必填 | 默認值 | 說明 |
|---|---|---|---|---|
| type | String | 否 | default | 標簽的風格類型，默認為不帶商品圖標，值為 primary 時帶商品圖標 |
| abscissa | Number | 是 | 0 | 標簽相對于原圖的位置橫坐標 |
| ordinate | Number | 是 | 0 | 標簽相對于原圖的位置縱坐標 |
| position | String | 否 | 標簽相對于圓點的方向。left：朝左；right：朝右。不傳會根據(jù) maxFontSize 及 fontSize 計算 | |
| text | String | 是 | 標簽文本 |
示例
跳轉(zhuǎn)編輯工具
在開發(fā)者工具中打開
在 WEB IDE 中打開
掃碼體驗
代碼示例
請使用百度APP掃碼
代碼示例
- SWAN
- JS
- JSON
mode="widthFix"url="{{img}}"origin-width="{{originWidth}}"origin-height="{{originHeight}}"max-font-count="6"list="{{list}}"bind:active="activeAnchorImg">
網(wǎng)頁名稱：創(chuàng)新互聯(lián)百度小程序教程：anchor-img標簽圖片
轉(zhuǎn)載來于：http://m.5511xx.com/article/cdepisc.html
