建站
咨詢
售后
建站咨詢
新聞中心
- person-card 個(gè)人信息卡
- 屬性說明
- 示例
- 代碼示例
- 代碼示例
person-card 個(gè)人信息卡
解釋：個(gè)人信息卡組件，可配置卡片類型、卡片背景圖、卡片名稱、卡片信息功能，適用于信息展示，并可放置在頁面的任何位置。
在睢陽等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需求定制網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),網(wǎng)絡(luò)營銷推廣,成都外貿(mào)網(wǎng)站建設(shè)公司,睢陽網(wǎng)站建設(shè)費(fèi)用合理。
屬性說明
| 屬性名 | 類型 | 必填 | 默認(rèn)值 | 說明 |
|---|---|---|---|---|
type | String | 否 | normal | 信息卡類型。normal：默認(rèn)普通模式，big：大圖模式 |
bgImg | String | 否 | 卡片背景圖 | |
name | String | 是 | 卡片名稱 | |
infoList | Array | 是 | 卡片信息，最多可配置 5 條，超過不會(huì)顯示 | |
person-card-wrap | String | 否 | 提供卡片的擴(kuò)展樣式類，供開發(fā)者自定義組件樣式，可通過此 class 改變卡片的樣式，如背景顏色，背景圖的展現(xiàn)方式 | |
info-name-wrap | String | 否 | 提供卡片的擴(kuò)展樣式類，供開發(fā)者自定義組件樣式，可通過此 class 改變卡片 name 的的樣式 | |
info-title-wrap | String | 否 | 提供卡片的擴(kuò)展樣式類，供開發(fā)者自定義組件樣式，可通過此 class 改變卡片信息的左側(cè)標(biāo)題樣式 | |
info-desc-wrap | String | 否 | 提供卡片的擴(kuò)展樣式類，供開發(fā)者自定義組件樣式，可通過此 class 改變卡片信息的右邊內(nèi)容樣式 |
示例
跳轉(zhuǎn)編輯工具
在開發(fā)者工具中打開
在 WEB IDE 中打開
掃碼體驗(yàn)
代碼示例
請使用百度APP掃碼
代碼示例
- SWAN
- JS
- CSS
- JSON
name="主標(biāo)題"type="normal"info-list="{{item.personCard}}"bg-img="{{item.imgSrc}}"/>
網(wǎng)站欄目：創(chuàng)新互聯(lián)百度小程序教程：person-card個(gè)人信息卡
網(wǎng)頁URL：http://m.5511xx.com/article/dhdhdpc.html
