c-tip

---

提示

wx

web

native

属性

属性名	类型	必填	默认值	说明
show	Boolean	否	false	提示框是否显示
direction	String	否	top	提示框所在位置，可选值top/right/bottom/left
offset-left	Number	否		小三角之Tip左边距离
offset-top	Number	否		小三角之Tip顶部距离
offset-right	Number	否		小三角之Tip右边距离
offset-bottom	Number	否		小三角之Tip底部距离
c-bind:close	EventHandle			点击关闭按钮触发

注意：Tip 小三角默认是居中显示的，当 direction 值为 top 或 bottom 时，如果 offset-left 或 offset-right 有值且不是 NaN，则小三角的距离为传入值

示例

<template>
  <view class="container">
    <c-tip show="{{true}}" direction="top" style="position:absolute;top:0;left:0;">
      <text style="font-size: 24cpx;color: #fff">Tip</text>
    </c-tip>

    <c-tip show="{{true}}" direction="left" style="postions: absolute;top: 200cpx;left: 0;">
      <text style="font-size: 24cpx;color: #fff">Awesome!</text>
    </c-tip>
  </view>
</template>
<script>
class CTip {}

export default new CTip();
</script>
<script cml-type="json">
{
  "base": {
      "usingComponents": {
          "c-tip": "cml-ui/components/c-tip/c-tip"
      }
  }
}
</script>