day01 | text & rich-text

text

• 文本组件

• 类似于HTML 中的 span 标签，是一个行内元素

<view>
    手机号支持长按选中效果
    <text selectable>138xxxxxxxx</text>
</view>

效果图

rich-text

• 富文本组件

• 支持把HTML 字符串渲染为 WXML 结构

• 可以用来显示富文本 html内容，可以染部分html标签全局支持class和style属性，但不支持id属性

<rich-text nodes="<h1 style = 'color: red;'>标题</h1>"></rich-text>

效果图

什么时候使用？

最基本的应用场景就是从接口请求加载回来的 html 内容，显示到小程序页面上，常用商品详情等等