uni-app（6）— 组件的基本使用

最新推荐文章于 2024-08-01 12:59:31 发布

tiffany_kim

最新推荐文章于 2024-08-01 12:59:31 发布

阅读量530

点赞数

分类专栏： uni-app 文章标签： uni-app

本文链接：https://blog.csdn.net/tiffany_kim/article/details/115666623

版权

本文详细介绍了uni-app中的text、view、button、image组件的使用方法，包括组件属性和示例代码。同时，文章探讨了uni-app的响应式单位rpx，样式导入规则，以及如何使用scss和less。还提到了uni.scss文件用于自定义主题。

摘要由CSDN通过智能技术生成

此文为uni-app总结笔记（6）— 组件的基本使用
( 包含： text，view，button， image，uni-app中的样式，sass/less )

一： text文本组件的用法 官方文档

text 组件的属性

属性	类型	默认值	必填	说明
selectable	boolean	false	否	文本是否可选
space	string	.	否	显示连续空格，可选参数：`ensp`、`emsp`、`nbsp`
decode	boolean	false	否	是否解码

text 组件相当于行内标签、在同一行显示
除了文本节点以外的其他节点都无法长按选中

示例代码：

<view>
  <!-- 长按文本是否可选 -->
  <text selectable='true'>你好呀</text>
</view>

<view>
  <!-- 显示连续空格的方式 -->
  <view>
    <text space='ensp'>你好呀  姐妹</text>
  </view>
  <view>
    <text space='emsp'>你好呀  姐妹</text>
  </view>
  <view