BubbleLabel 气泡标签

基础用法

<template>
  <plv-bubble-label>
    <span style="font-size: 14px;">提示一下</span>
  </plv-bubble-label>
</template>

显示代码

样式

<template>
  <plv-bubble-label background="#ccc" border-color="#ccc">
    <span style="font-size: 14px;">另一种样式</span>
  </plv-bubble-label>
</template>

显示代码

方向

<template>
  <div>
    <plv-bubble-label placement="left">
      <span style="font-size: 14px;">箭头向左</span>
    </plv-bubble-label>

    <plv-bubble-label placement="right">
      <span style="font-size: 14px;">箭头向右</span>
    </plv-bubble-label>

    <plv-bubble-label placement="top">
      <span style="font-size: 14px;">箭头向上</span>
    </plv-bubble-label>

    <plv-bubble-label placement="bottom">
      <span style="font-size: 14px;">箭头向下</span>
    </plv-bubble-label>
  </div>
</template>

显示代码

Attributes

参数	说明	类型	可选值	默认值
placement	方向	String	top/left/right/bottom	-
background	背景色	String	-	#FFFFFF
border-color	边框颜色	String	-	#D6D6D6
padding	内边距	String	-	8px
arrow-size	箭头大小	Number	-	6