## **什么是自由容器** ~~~ 1、放置一個空白容器框 2、里面可以放置文字、圖片、圖標、按鈕、熱區等元素 3、元素之間有層級關系，可以層疊放置 4、通過設置元素的樣式屬性，可以實現多種效果 ~~~  ## **元素內容** 自由容器中的每個元素，均有不同的內容設置屬性，在內容設置中，可以設置元素內容 ~~~ 1、文字 ~~~  > 內容設置方法： > a. 在1處，點擊文字元素 > b. 在頁面右側會彈出內容設置項 > c. 在2處，可設置文字的觸發事件 > d. 在3處，可以編輯文字的內容，內容可以為空 > e. 在樣式設置選項卡中，可以設置此元素的樣式 ~~~ 2、圖片 ~~~  > 內容設置方法： > a. 在1處，點擊圖片元素 > b. 在頁面右側會彈出內容設置項 > c. 在2處，可設置圖片的觸發事件 > d. 在樣式設置選項卡中，背景圖片上傳圖片，設置其他樣式屬性 ~~~ 3、圖標 ~~~  > 內容設置方法： > a. 在1處，點擊圖標元素 > b. 在頁面右側會彈出內容設置項 > c. 在2處，可上傳自定義圖片作為圖標 > d. 在3處，可選擇系統內置的圖標 > e. 在4處，可調整圖標顯示的大小 > f. 在5處，可設置圖標的觸發事件 > g. 在樣式設置選項卡中，可以設置此元素的樣式 ~~~ 4、按鈕 ~~~  > 內容設置方法： > a. 在1處，點擊按鈕元素 > b. 在頁面右側會彈出內容設置項 > c. 在2處，可設置按鈕的觸發事件 > d. 在3處，可以編輯按鈕文字 > e. 在4處，樣式選項卡中，背景色屬性可以修改按鈕背景色 ~~~ 5、熱區 ~~~  > 內容設置方法： > a. 在1處，點擊熱區元素 > b. 在頁面右側會彈出內容設置項 > c. 在2處，可設置熱區的觸發事件 > d. 在樣式設置選項卡中，可以設置此元素的樣式 > 熱區一般配合背景圖片使用，放在圖片的某一位置，實現點擊觸發事件