Skip to content

Text 文本

文本组件,支持多种模式、多种颜色类型、可复制、省略等。

基础用法

vue
<template>
  <parrot-text text="默认文本" />
  <parrot-text text="主要文本" type="primary" />
  <parrot-text text="成功文本" type="success" />
  <parrot-text text="警告文本" type="warning" />
  <parrot-text text="危险文本" type="danger" />
</template>

粗体 / 尺寸

vue
<parrot-text text="粗体" bold />
<parrot-text text="小号" size="sm" />
<parrot-text text="大号" size="lg" />

可复制

vue
<parrot-text text="点击复制此文本" copy />

删除线 / 下划线

vue
<parrot-text text="删除线" delete />
<parrot-text text="下划线" underline />

API

Props

属性类型默认值说明
textstring''文本内容
typestring'default'颜色类型
sizestring'md'尺寸:xs/sm/md/lg/xl
boldbooleanfalse是否粗体
copybooleanfalse是否可复制
linesnumber0最大行数
deletebooleanfalse删除线
underlinebooleanfalse下划线

Events

事件说明回调参数
click点击(event)
copy复制成功(text)
9:41
Text 文本
基础用法
默认文本default
主要文本primary
成功文本success
警告文本warning
危险文本danger
粗体 / 尺寸
粗体文本 Bold
小号文本 sm
大号文本 lg
可复制
点击复制此文本
删除线 / 下划线
删除线文本
下划线文本
省略截断
这是一段很长很长的文本,超出宽度后会自动省略显示,避免撑破布局。

Released under the MIT License.