支付宝小程序基础组件 文本·Text
文本。
扫码体验
示例代码
<!-- API-DEMO page/component/text.axml -->
<view class="page">
<view class="page-description">
<view class="text-demo-title">
<text class="text-demo-text">这是一段文本。\n<text>\</text><text>n</text> 可以换行。</text>
</view>
</view>
<view class="page-section">
<view class="page-section-demo">
<text>{{text}}</text>
</view>
</view>
</view>
// API-DEMO page/component/text.js
Page({
data: {
text: `支付宝是一个大型生活服务类的平台，用户群非常广泛，上至五六十岁，下至十几岁。
这里不仅有官方自营应用，还有第三方接入应用，用户的选择很多。
只有你的产品做得足够简单，才能让更多的用户使用。而更多人的使用，也意味着你更大的收益。\n\n:)
`,
},
});
/* API-DEMO page/component/text.acss */
.page {
padding: 0;
}
.text-demo-title {
margin-left: 30rpx;
margin-top: 30rpx;
}
.text-demo-text {
font-size: 36rpx;
}属性
| 属性名 | 类型 | 默认值 | 描述 | 最低版本 |
|---|---|---|---|---|
| selectable | Boolean | false | 是否可选。 | - |
| space | String | - | 以何种方式显示连续空格。 | - |
| decode | Boolean | false | 是否解码。为 true 时表示对文本内容进行解码，可解析的 HTML 实体字符有： <>&' 。 |
- |
| number-of-lines | Number | - | 多行省略，值须大于等于1，表现同 css 的 -webkit-line-clamp 属性一致。 |
- |
space 有效值
| 值 | 说明 |
|---|---|
| nbsp | 根据字体设置的空格大小。 |
| ensp | 中文字符空格一半大小。 |
| emsp | 中文字符空格大小。 |
说明： 各个操作系统的空格标准并不一致。