微信小程序-text组件

简介: text 组件:相当于 span,行内元素

text

官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/component/text.html


text 组件:相当于 span,行内元素


行内元素,我在 view(块级元素)当中编写了两个 text 组件,发现都在一行当中进行显示,证明了是行内元素。

<view>
  <text>我是 text 组件</text>
  <text>我是 text 组件</text>
</view>

2105804-20230422115346101-1983616252.png

属性

?> user-select: 文本是否可选,该属性会使文本节点显示为 inline-block(selectable:文本是否可选 (已废弃))


index.wxml:

<view>
  <text>我是 text 组件</text>
  <text user-select="{{true}}"
  >我是 text 组件</text>
</view>


!> 注意点:

  • 在小程序中,如果属性的取值是 boolean 类型, 如果要赋值为 true(真), 直接写上属性名称即可


index.wxml:

<view>
  <text>我是 text 组件</text>
  <text user-select
  >我是 text 组件</text>
</view>


?> space: 显示连续空格

  • ensp:中文字符空格一半大小
  • emsp:中文字符空格大小
  • nbsp:根据字体设置的空格大小


index.wxml:

<view>
  <text space="ensp">我是 text组件</text>
</view>
<view>
  <text space="emsp">我是 text组件</text>
</view>
<view>
  <text space="nbsp">我是 text组件</text>
</view>


?> decode: 是否解码


index.wxml:

<view>
  <text decode>我是&nbsp;text组件</text>
</view>


Bug & Tip

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


组件差异

!> 内联文本只能用 text 组件,不能用 view,如 foo bar


错误示例:


index.wxml:

<view>
  <text>
    <view>我是view</view>
  </text>
</view>


2105804-20230422180202841-1960299980.png

目录
相关文章
|
小程序 数据可视化 JavaScript
微信小程序:轻松实现时间轴组件
本文介绍了如何在微信小程序中实现一个可视化时间轴组件。该组件适用于展示用户资金流动、投资结算等时间节点,帮助用户直观了解资金去向。时间轴支持自定义节点形状、显示序号、倒序排列等功能,并通过插槽灵活定义动态内容。文中详细介绍了组件的设计与使用方法,以及如何结合动态 slot 实现自定义操作。该组件为展示用户资金信息提供了美观、易用的解决方案。
468 1
微信小程序:轻松实现时间轴组件
|
11月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
233 0
在线课堂+工具组件小程序uniapp移动端源码
|
小程序
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
2005 1
|
小程序 搜索推荐 API
微信小程序:自定义关注公众号组件样式
尽管关注公众号组件的样式固定且不可修改,但产品经理的需求却需要个性化的定制。在这种情况下,我们需要寻找解决方案,以满足这些特殊需求,尽管这可能有点棘手。
583 0
微信小程序:自定义关注公众号组件样式
|
小程序 前端开发 JavaScript
微信小程序图表制作利器:ECharts组件的使用与技巧
微信小程序图表制作利器:ECharts组件的使用与技巧
1107 1
|
1月前
|
消息中间件 人工智能 Java
抖音微信爆款小游戏大全:免费休闲/竞技/益智/PHP+Java全筏开源开发
本文基于2025年最新行业数据,深入解析抖音/微信爆款小游戏的开发逻辑,重点讲解PHP+Java双引擎架构实战,涵盖技术选型、架构设计、性能优化与开源生态,提供完整开源工具链,助力开发者从理论到落地打造高留存、高并发的小游戏产品。
|
2月前
|
小程序 JavaScript API
uni-halo + 微信小程序开发实录:我的第一个作品诞生记
这篇文章介绍了使用uni-halo框架进行微信小程序开发的过程,包括选择该框架的原因、开发目标以及项目配置和部署的步骤。
120 0
uni-halo + 微信小程序开发实录:我的第一个作品诞生记
|
8月前
|
自然语言处理 搜索推荐 小程序
微信公众号接口:解锁公众号开发的无限可能
微信公众号接口是微信官方提供的API,支持开发者通过编程与公众号交互,实现自动回复、消息管理、用户管理和数据分析等功能。本文深入探讨接口的定义、类型、优势及应用场景,如智能客服、内容分发、电商闭环等,并介绍开发流程和工具,帮助运营者提升用户体验和效率。未来,随着微信生态的发展,公众号接口将带来更多机遇,如小程序融合、AI应用等。
|
5月前
|
小程序 前端开发 Android开发
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
1223 29
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
|
4月前
|
监控 数据可视化 数据处理
微信养号脚本,全自动插件,AUTOJS开发版
这是一套自动化微信养号工具,包含主脚本`wechat_auto.js`与配置文件`config.json`。主脚本实现自动浏览朋友圈、随机阅读订阅号文章及搜索指定公众号三大功能,支持自定义滚动次数、阅读时长等参数。代码通过随机化操作间隔模拟真实用户行为,具备完善的错误处理和日志记录功能。配套UI模块提供可视化操作界面,可实时监控任务状态与运行日志,便于调整参数设置。控制器部分扩展了批量数据处理能力,如学生信息的增删改查操作,适用于多场景应用。下载地址:https://www.pan38.com/share.php?code=n6cPZ 提取码:8888(仅供学习参考)。