微信小程序 text和rich-text组件的基本用法

微信小程序 text和rich-text组件的基本用法

①text

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

通过text组件的selectable属性，实现长按选中文本内容的效果：

<view>
	<text selectable>166565656356</text>
</view>

②rich-text

• 富文本组件
• 支持把HTML字符串渲染为WXML结构

通过rich-text组件的nodes属性节点，把HTML字符串渲染为对应的UI结构：

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