文章目錄

• • view（塊標(biāo)簽）
  • text（行標(biāo)簽）
  • image

view（塊標(biāo)簽）

屬性類型默認(rèn)值說明

hover-class	string	none	指定按下去的樣式類。當(dāng) hover-class=“none” 時(shí)，沒有點(diǎn)擊態(tài)效果
hover-stop-propagation	boolean	false	指定是否阻止本節(jié)點(diǎn)的祖先節(jié)點(diǎn)出現(xiàn)點(diǎn)擊態(tài)
hover-start-time	number	50	按住后多久出現(xiàn)點(diǎn)擊態(tài)，單位毫秒
hover-stay-time	number	400	手指松開后點(diǎn)擊態(tài)保留時(shí)間，單位毫秒

text（行標(biāo)簽）

文本標(biāo)簽

只能嵌套text

長(zhǎng)按文字可以復(fù)制（只有該標(biāo)簽有這個(gè)功能）

可以對(duì) 空格 回車 進(jìn)行編碼

屬性類型默認(rèn)值說明

selectable	boolean	false	指定按下去的樣式類。當(dāng) hover-class=“none” 時(shí)，沒有點(diǎn)擊態(tài)效果
user-select	boolean	false	文本是否可選，該屬性會(huì)使文本節(jié)點(diǎn)顯示為 inline-block
space	string	50	顯示連續(xù)空格
decode	boolean	false	是否解碼

<text selectable> text </text> <text decode> text &nbsp; 123 </text>

image

屬性名類型默認(rèn)值說明

src	String		圖片資源地址
mode	String	scaleToFill	圖片裁剪，縮放的模式
lazy-load	Boolean	false	圖片懶加載

src指定要加載圖片的路徑（圖片存在默認(rèn)的寬度和高度320*240 ）

mode決定圖片內(nèi)容 如何 和圖片標(biāo)簽 寬高做適配（scaleToFill 默認(rèn)值，不保持縱橫比縮放圖片，使圖片的寬高完全拉伸值填滿image元素；aspectFit 保持寬高比，確保圖片的長(zhǎng)邊，顯示出來，頁(yè)面輪播圖常用）

總結(jié)

以上是生活随笔為你收集整理的微信小程序开发（二）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。