message 温馨提示组件 Beta

使用示例

默认

温馨提示：自动获取的订单字段数据不包含优惠信息，若需要优惠请手动修改订单金额！

告警

温馨提示：自动获取的订单字段数据不包含优惠信息，若需要优惠请手动修改订单金额！

成功

温馨提示：自动获取的订单字段数据不包含优惠信息，若需要优惠请手动修改订单金额！

错误

温馨提示：自动获取的订单字段数据不包含优惠信息，若需要优惠请手动修改订单金额！

<template>
  <div class="warm-tip-demo">
    <p>默认</p>
    <ykc-warm-tip
      type="info"
      description="温馨提示：自动获取的订单字段数据不包含优惠信息，若需要优惠请手动修改订单金额！"></ykc-warm-tip>
    <p>告警</p>
    <ykc-warm-tip
      type="warning"
      description="温馨提示：自动获取的订单字段数据不包含优惠信息，若需要优惠请手动修改订单金额！"></ykc-warm-tip>
    <p>成功</p>
    <ykc-warm-tip
      type="success"
      description="温馨提示：自动获取的订单字段数据不包含优惠信息，若需要优惠请手动修改订单金额！"></ykc-warm-tip>
    <p>错误</p>
    <ykc-warm-tip
      type="error"
      description="温馨提示：自动获取的订单字段数据不包含优惠信息，若需要优惠请手动修改订单金额！"></ykc-warm-tip>
  </div>
</template>

<script>

  export default {
    name: 'warm-tip',
    components: {
    },
  };
</script>

<style scoped>
  .warm-tip-demo {
    padding-left: 20px;
    max-width: 800px;
  }
</style>

显示代码 复制代码 复制代码

Attributes

参数	必填	说明	类型	可选值	默认值
description	是	描述文字	string	——	''
type	否	类型	string	'info', 'warning', 'success', 'error'	''
showIcon	否	显示图标	boolean	true/false	true
multiLine	否	是否是多行	boolean	true/false	false