1. 基本用法：
<text>Hello, Mini Program!</text>
2. 数据绑定：
text 组件支持数据绑定，可以通过 {{}} 语法在文本中显示动态数据。
<text>{{dynamicText}}</text>
在逻辑层中通过 setData 更新数据：
Page({
data: {
dynamicText: 'Dynamic Text'
},
onLoad: function() {
// 修改 dynamicText 的值
this.setData({
dynamicText: 'Updated Dynamic Text'
});
}
})
3. 文本样式：
text 支持设置样式，可以通过 style 属性设置文本的样式，如字体大小、颜色等。
<text style="font-size: 16px; color: #333;">Stylish Text</text>
4. 嵌套：
text 可以嵌套使用，用于构建复杂的文本结构。
<text>
<span style="font-weight: bold;">Bold Text</span>
<span style="color: red;">Red Text</span>
</text>
5. 事件绑定：
text 也支持一些事件绑定，如 bindtap 等，可以在用户点击时触发相应的事件处理函数。
<text bindtap="handleTap">Clickable Text</text>
Page({
handleTap: function() {
console.log('Text clicked!');
}
})
6. 支持的样式：
text 组件支持一部分 CSS 样式，如 font-size、color、font-weight、line-height 等。
7. rich-text 富文本：
rich-text 是 text 组件的扩展，用于显示包含格式的富文本内容，支持 HTML 标签。
<rich-text nodes="{{richTextNodes}}"></rich-text>
Page({
data: {
richTextNodes: [
{
name: 'div',
attrs: {
style: 'color: red;'
},
children: [
{
type: 'text',
text: 'This is rich-text content.'
}
]
}
]
}
})
以上是关于微信小程序 text 组件的一些基本用法和属性。text 主要用于显示静态或动态文本内容，而 rich-text 则扩展了对富文本内容的支持。
转载请注明出处：http://www.zyzy.cn/article/detail/797/微信小程序