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

Released under the MIT License.