微信小程序——text组件(文本)

本文详细介绍了小程序中text组件的使用,包括selectable、user-select、space和decode等属性,以及字体样式设置。强调了text组件内只能嵌套text节点,并提醒注意不同操作系统对空格显示的差异。此外,还提供了示例代码展示如何配置text组件的样式,如字体大小、颜色和边距等。
摘要由CSDN通过智能技术生成

text

文本

在使用小程序时,如果想通过长按文字进行复制文字内容,就要把该内容写在text中。

属性类型默认值必填说明最低版本
selectablebooleanfalse文本是否可选 (已废弃)1.1.0
user-selectbooleanfalse文本是否可选,该属性会使文本节点显示为 inline-block2.12.1
spacestring显示连续空格1.4.0
decodebooleanfalse是否解码1.4.0

space 的合法值

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

Bug & Tip

  1. tip: decode可以解析的有   < > & '    
  2. tip: 各个操作系统的空格标准并不一致。
  3. tip:text 组件内只支持 text 嵌套。
  4. tip: 除了文本节点以外的其他节点都无法长按选中。
  5. bug: 基础库版本低于 2.1.0 时, text 组件内嵌的 text style 设置可能不会生效。

示例代码

text文本的主要属性:

属性

描述

font-size字体大小
color字体颜色
font-style字体样式
margin-top字体上边距
margin-bottom字体下边距
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值