應(yīng)用示例

使用時(shí)鐘組件顯示當(dāng)前時(shí)間。

步驟一：添加組件

1. 創(chuàng)建Web應(yīng)用。具體操作，請參見創(chuàng)建Web應(yīng)用。
2. 在Web應(yīng)用編輯器中，單擊最左側(cè)的組件圖標(biāo)。
3. 在畫布左側(cè)組件列表上方，輸入時(shí)鐘，找到該組件，然后將組件拖拽到中間畫布。

   有關(guān)組件添加的更多信息，請參見組件。

   

步驟二：配置樣式

1. 在右側(cè)樣式中，完成數(shù)據(jù)展示樣式的配置。

   配置項(xiàng)	描述
   展示格式	選擇時(shí)鐘組件展示的時(shí)間格式。可選： 日期時(shí)間：顯示為日期和具體時(shí)間，精確到秒。格式為：yyyy-MM-dd hh:mm:ss 時(shí)間：僅顯示時(shí)間，格式為：hh:mm:ss 日期：僅顯示日期，格式為：yyyy-MM-dd
   文字樣式	設(shè)置時(shí)鐘展示內(nèi)容的字號(hào)（支持輸入自定義值）、顏色、粗細(xì)。支持配置數(shù)據(jù)源，詳細(xì)內(nèi)容請參見文字。
   背景顏色	設(shè)置時(shí)鐘背景展示顏色和邊框。 時(shí)鐘組件默認(rèn)帶背景。如果想要去掉背景，可將背景顏色不透明度設(shè)置為0。 支持綁定數(shù)據(jù)源進(jìn)行使用，詳細(xì)內(nèi)容請參見矩形。
   邊框

2. 調(diào)整組件在頁面中的最終位置。有關(guān)組件通用樣式配置的更多信息，請參見樣式配置。

步驟三：配置交互動(dòng)作

1. 選中組件的交互頁簽，配置事件和交互動(dòng)作。具體操作請參見交互配置。
   例如，點(diǎn)擊組件，執(zhí)行動(dòng)作刷新組件，指定刷新某組件展示的內(nèi)容。
2. 單擊頁面右上方的預(yù)覽，預(yù)覽和調(diào)試組件展示的數(shù)據(jù)和效果。