微信小程序的語法學習（一）icon,text,button,input

1.0 icon標籤。

主要三個屬性：

1.1 type：     icon的類型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear；

1.2 size：     icon的大小；

1.3 color：   icon的顏色，同css的color

<icon color="red" size="30px" type="success"></icon>
<icon size="30px" type="success"></icon>
<icon type="info"></icon>
<icon size="50" type="warn"></icon>
<icon type="cancel"></icon>

2.0 text標籤

2.1   selectable：     文本是否可選

2.2  space： 顯示連續空格

3.2 decode：是否解碼

<text>hellow world</text>
<!--加換行符會換行-->
<text>hellow world\n</text>
<text>hellow world</text>

3.0 button

3.1 type:按鈕的樣式類型,primary,default,warn
3.2 plain:按鈕是否鏤空，背景色透明

3.3 loading:名稱前是否帶 loading 圖標

<button type="default">按鈕</button>
<button type="primary">主要按鈕</button>
<!--loading -->
<button type="warn" loading="{{true}}">否定按鈕</button>
<!--plain 鏤空-->
<button type="primary" plain="{{true}}">按鈕</button>

4.0 input

<input placeholder="hello world"> 123 </input>
<input value="select"> 123 </input>
<input password> 123 </input>