text

文本组件。

用于包裹文本内容。

使用示例

扫码预览

用BoosHi扫码或PC端点击

<template>
  <view class="demo-ui-page">
    <view class="demo-title">text 文本容器</view>
    <demo-cell title="文本" subTitle="selectable 文本可选">
      <text selectable>我们将这套环境称为宿主环境。通过宿主环境提供的各种能力，小程序可以实现很多 Web 网页无法完成的功能，获得更流畅的体验和交互.</text>
    </demo-cell>
    <demo-cell title="手动换行文本" subTitle="可识别\ n">
      <text>我们将这套环境称为\n宿主环境。通过宿主环境提供的各种能力，小程序可以实现很多 Web 网页无法完\n成的功能，获得更流畅的体验和交互.</text>
    </demo-cell>
  </view>
</template>

<script>
	export default {
	}
</script>

<style>

</style>

展开 刷新 关闭

属性说明

属性名	类型	默认值	说明
selectable	Boolean	false	文本是否可选
space	String		显示连续空格
decode	Boolean	false	是否解码

space 值说明

值	说明
ensp	中文字符空格一半大小
emsp	中文字符空格大小
nbsp	根据字体设置的空格大小

Tips

• <text> 组件内只支持嵌套 <text>，不要嵌套其它组件或自定义组件
• decode 可以解析的有   < > & '    。
• 各个操作系统的空格标准并不一致。
• 除了文本节点以外的其他节点都无法长按选中。
• 支持 \n 方式换行。