消息 KLMessage

基本形式

提示信息展示格式(图标+颜色)。

<kl-message class="f-mb10">
    this is a message
</kl-message>

基本属性type

type设置样式，取值success、warning、info、error。默认不设置则无色无图标。

<kl-row type="flex">
    <kl-col span="4">
        <kl-message class="f-mb10">
        不设置type
        </kl-message>
    </kl-col>
    <kl-col span="4">
        <kl-message type="success" class="f-mb10">
            type为success
        </kl-message>
    </kl-col>
    <kl-col span="4">
        <kl-message type="warning" class="f-mb10">
            type为warning
        </kl-message>
    </kl-col>
    <kl-col span="4">
        <kl-message type="info" class="f-mb10">
            type为info
        </kl-message>
    </kl-col>
    <kl-col span="4">
        <kl-message type="error" class="f-mb10">
            type为error
        </kl-message>
    </kl-col>
</kl-row>

基本属性class

class属性设置补充样式

<kl-message class="f-mb10 m-bg-specical" type="error">type=error,设置自定义class</kl-message>

API

KLMessage

KLMessage