自由卡片
自由卡片組件可作為基礎(chǔ)容器與其他組件自由結(jié)合，組成多樣式卡片，展示多種類型數(shù)據(jù)，幫助您高效地開發(fā)多樣式的可視化移動應(yīng)用項目。本文介紹自由卡片組件的詳細配置方法。
步驟一：添加組件
創(chuàng)建移動應(yīng)用。具體操作，請參見創(chuàng)建移動應(yīng)用。
在移動應(yīng)用編輯器中，單擊最左側(cè)的組件圖標(biāo)
。（可選）添加分欄組件，進行應(yīng)用頁面布局設(shè)置。具體操作，請參見橫向分欄和縱向分欄。
在畫布左側(cè)組件列表上方，在搜索框中輸入自由卡片，找到該組件，然后將組件拖拽到中間畫布。
您也可以單擊自由卡片組件 ，在彈出的面板中選擇預(yù)置的自由卡片模板，然后將模板拖拽到中間畫布。
有關(guān)添加組件的更多信息，請參見添加組件。
步驟二：配置自由卡片樣式
在移動應(yīng)用編輯器右側(cè)樣式中，調(diào)整組件寬高和在頁面中的布局位置。
具體操作，請參見通用樣式。
在中間畫布，雙擊自由卡片組件。
在組件編輯頁面右側(cè)樣式中，設(shè)置自由卡片展示樣式。
配置項
說明
容器樣式
設(shè)置自由卡片的填充顏色或填充圖片。
設(shè)置自由卡片邊框的粗細、顏色、樣式和圓角。
步驟三：配置自由卡片內(nèi)的組件
您可以直接使用自由卡片模板，也可以自行配置自由卡片內(nèi)的組件。
在組件編輯頁面，刪除自由卡片模板中的組件。
從左側(cè)組件列表中拖拽所需的組件到自由卡片中，配置各組件樣式。
有關(guān)組件配置的具體操作 ，請參見本產(chǎn)品文檔移動可視化開發(fā)>組件目錄下的各組件文檔。
步驟四：配置組件數(shù)據(jù)源
分別單擊自由卡片中的組件，例如儀表盤組件，在右側(cè)樣式中，單擊展示數(shù)據(jù)后的配置數(shù)據(jù)源。
說明不同組件進入數(shù)據(jù)源配置頁面的方法不同。具體操作，請參見本產(chǎn)品文檔移動可視化開發(fā)>組件目錄下的各組件文檔。
在展開的數(shù)據(jù)源配置頁面，完成數(shù)據(jù)源配置。
儀表盤組件可選數(shù)據(jù)源類型有設(shè)備、接口、靜態(tài)數(shù)據(jù)、應(yīng)用推送。
說明不同組件支持的數(shù)據(jù)源類型不同。具體操作，請參見本產(chǎn)品文檔移動可視化開發(fā)>組件目錄下的各組件文檔。
單擊確定，完成配置。
單擊頁面右上角保存按鈕。
單擊組件編輯頁面左上角的返回頁面。在移動應(yīng)用編輯器預(yù)覽和調(diào)試組件展示的數(shù)據(jù)和效果。
具體操作，請參見預(yù)覽與調(diào)試。