一:基本矩形
矩形1:帶邊框的長方形,可以添加文字,通過樣式控制邊框、背景色、字體等。
矩形2:不帶邊框的長方形,可以添加文字,通過樣式控制邊框、背景色、字體等。
矩形3:不帶邊框的長方形,可以添加文字,通過樣式控制邊框、背景色、字體等。
橢圓形:帶邊框的圓形,可以添加文字,通過樣式控制邊框、背景色、字體等。
圖片:用來加載圖片的元件,可以添加文字,通過樣式控制邊框、字體等。
占位符:占位,多用在團隊協作中告訴其他成員這里我占了,但還來得及做具體效果等。
二:按鈕
按鈕:按鈕,在矩形的基礎上加了一個圓角,可以用矩形+形式替代按鈕。
主要按鈕:按鈕,在按鈕的基礎上加了一個背景顏色,可以用矩形+形式替代。
鏈接按鈕:按鈕,在文本標簽的基礎上改變了背景顏色,可以用矩形+形式替代按鈕。
三:標題
一級標簽,二級標簽,三級標簽:文字標簽。
四:標簽,段落
文本標簽:用來展示文字。
文本段落:用來展示較多文字。
五:水平線,垂直線
水平線:水平線條,可用于分隔,可以調整線條角度。
垂直線:垂直線條,可用于分隔,可以調整線條角度。
六:熱區
熱區:多用在圖片上某些區域需要互動效果時,放在該區域上把它變成可互動(如:單擊)區域。
六:動態面板
動態面板:可用在切換、彈出框等動態效果當中,具有很多獨有的特性,如:容器、圖層、自適應等。
六:行內框架
行內框架:內嵌網頁瀏覽,相當于HTML中的iframe。
六:中繼器
中繼器:實作了內容與樣式的分離,復雜互動效果的神器。
擴:
表單元件
文本框:普通文本框,通過屬性值幾乎可以變成常見表單中的任何輸入框,如:密碼、日期、檔案選擇等。
多行文本框:可能輸入多行的文本框。
下拉串列框:下拉串列框,運行時只能從下拉串列中選擇而不能輸入。
串列框:普通串列框,建議用中繼器代替。
復選框:普通復選框。
單選按鈕:單選框,需要建立單選按鈕組,否則整個頁面同時只有一個能選中。
提交按鈕:普通按鈕,只是樣式跟基本元件中的不一樣。
選單和表格
樹狀選單:樹狀元件,復選效果需要自己用事件控制。
表格:簡單的表格,結合中繼器可以實作復雜的互動效果。
水平選單:水平彈出式選單。
垂直選單:垂直彈出式選單。
標記元件:用來做標記的,功能基本一樣,只是樣式不同。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/230150.html
標籤:非技術區
