QinUi

# Text 文本段落

统一封装

# 基础用法

<template>
  <qinui-text content="基础用法" />
</template>

# 大小

<template>
  <div>
    <qinui-text :size="20" :content="`20号字段落`" />
    <qinui-text :size="24" :content="`24号字段落`" />
    <qinui-text :size="28" :content="`28号字段落`" />
    <qinui-text :size="32" :content="`32号字段落`" />
    <qinui-text :size="36" :content="`36号字段落`" />
    <qinui-text :size="40" :content="`40号字段落`" />
    <qinui-text :size="44" :content="`44号字段落`" />
    <qinui-text :size="48" :content="`48号字段落`" />
  </div>
</template>

# 居中展示

设置 :center="true" 水平居中

<template>
  <qinui-text content="QIN-UI 居中展示" :center="true" />
</template>

# 颜色

<template>
  <div>
    <qinui-text content="主题" type="primary" />
    <qinui-text content="次要" type="secondary" />
    <qinui-text content="禁用" disabled />
  </div>
</template>

# 金钱

<template>
  <div>
    <qinui-text
      :content="'288.10'"
      size="40"
      type="primary"
      din
      unit="￥"
    />
    <qinui-text
      :content="'288.10'"
      type="secondary"
      unit="￥"
      remark
    ></qinui-text>
    <qinui-text :content="'288.10'" unit="￥"></qinui-text>
    <qinui-text :content="'288.10'" type="secondary" unit="￥"></qinui-text>
  </div>
</template>

# 支持 br

设置 :br="true"

<template>
  <qinui-text :content="'QINUI很棒。\n1. 企业级框架\n2.完全掌握在自己手里'" :br="true"></qinui-text>
</template>

# 单行省略号

设置 :hidden="true"

<template>
  <qinui-text :content="'QINUI很棒。1. 企业级框架2.完全掌握在自己手里'" :hidden="true" diy-style="width: 100px;"></qinui-text>
</template>

# 多行省略号

设置 :rows="2"

<template>
  <qinui-text :content="'QINUI很棒。1. 企业级框架2.完全掌握在自己手里'" :hidden="true" :rows="2" diy-style="width: 100px;"></qinui-text>
</template>

# API

# Props

参数 说明 类型 默认值 可选值
type 类型 String default default | secondary | primary
size 大小 String | Number 28 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48
content 内容 String - -
disabled 是否禁用 Boolean false
hidden 是否显示省略号 Boolean false
din 是否 din 字体 Boolean false
center 是否水平居中 Boolean false
br 是否支持 \n 转换 Boolean false
remark 是否划线价 Boolean false
rows 多行省略号 Number | String 1
unit 单位 String -
diyStyle 自定义外部样式，如：设置边框等样式 String - -

# Events

事件名 说明 回调参数
@click 点击触发 -