Tips 文字描述

基础用法

<template>
  <plv-tips>这是一条文字描述，这是一条文字描述，这是一条文字描述。</plv-tips>
</template>

显示代码

颜色

<template>
  <plv-tips color="#2196F3">这是一条文字描述，这是一条文字描述，这是一条文字描述。</plv-tips>
</template>

显示代码

图标

<template>
  <plv-tips icon="warning-circle-fill">这是一条文字描述，这是一条文字描述，这是一条文字描述。</plv-tips>
</template>

显示代码

过滤颜色

<template>
  <plv-tips :text="text" />
</template>

<script>
  export default {
    data() {
      return {
        text: '为了保证显示的效果，请上传 [140 x 140] 大小的图标，文件大小不超过 [2M]。'
      };
    }
  };
</script>

显示代码

警告类提示

<template>
  <plv-tips type="warning">这是一个警告类提示</plv-tips>
</template>

显示代码

Attributes

参数	说明	类型	可选值	默认值
text	说明文案	String	-	-
icon	图标	String	-	info-circle
color	颜色	String	-	#757575
filter-color	是否过滤颜色	Boolean	-	true
type	类型	String	normal / waring	-

Slots

name	说明
—	说明文案，优先级高于参数 text