【微信小程序】基礎組件--view text image

組件的通用屬性： id class style hidden bind* catch* data-*

view

小程序基礎組件，基本等於最常用組件，類似於HTML中的div。view用於構建頁面骨架，實現頁面基礎結構的划分

<view hover-class="hover">
    <!-- hover-class: 按下去的屬性樣式 屬性值為類名 -->
    <!-- 可以嵌套其他標簽 -->
</view>

text

文本。只用text包裹的文本才可以被選中。

<text decode="{{true}}" selectable="{{true}}" space="nbsp">
<!-- 
    decode: 是否解碼 
    selectable: 文本是否可選 
    space: 空格格式 
        nbsp:根據字體設置空格大小 
        emsp:中文空格字符大小
        ensp:中文空格字符一半大小
-->
    <!-- 只能嵌套text組件 -->
    <text>這是文本組件</text>
</text>

image

圖片。 支持JPG、PNG、SVG、WEBP格式

<image src="https://res.wx.qq.com/wxdoc/dist/assets/img/0.4cb08bb4.jpg" />
<!-- 單標簽組件 及時開始標簽又是結束標簽 -->
<!-- 詳細屬性見官方文檔: 組件=>媒體組件=>image -->