微信小程式 --元件
阿新 • • 發佈：2021-09-15
小程式-常用元件
1. view、text、image
text：
1. decode： decode可以解析的有 < > & '    （小程式中text標籤不加decode屬性，是不能直接解析這幾個的）
2. user-select： 文字是否可選，選中後可以貼上複製等操作
image:
1. mode：
| scaleToFill | 縮放模式，不保持縱橫比縮放圖片，使圖片的寬高完全拉伸至填滿 image 元素 | |
| aspectFit | 縮放模式，保持縱橫比縮放圖片，使圖片的長邊能完全顯示出來。也就是說，可以完整地將圖片顯示出來。 | |
| aspectFill | 縮放模式，保持縱橫比縮放圖片，只保證圖片的短邊能完全顯示出來。也就是說，圖片通常只在水平或垂直方向是完整的，另一個方向將會發生擷取。 | |
| widthFix | 縮放模式，寬度不變，高度自動變化，保持原圖寬高比不變 | |
| heightFix |
縮放模式，高度不變，寬度自動變化，保持原圖寬高比不變 |
2. lazy-load：圖片懶載入，在即將進入一定範圍（上下三屏）時才開始載入
<!-- 元件 --> <view>你好</view> <text decode user-select>你好 123</text>
<image src="../../asster/home/5.png" mode="" lazy-load></image>