【微信小程序】基础组件--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 -->