Apex

# 警告提示 alert

# 描述

用于展示静态数据，提醒警示用户，也可手动关闭提示。

# 使用效果

# 使用方法

在.ux文件中引入组件

<import name="my-alert" src="apex-ui/components/alert/index"></import>
1

# 示例

<template>
  <div class="wrap">
    <my-alert title="An alert info" type="info"></my-alert>
    <my-alert title="An alert info" type="success"></my-alert>
    <my-alert title="An alert info" type="warning"></my-alert>
    <my-alert title="An alert info" type="error"></my-alert>
    <my-alert title="An alert info" desc="Some description about alert component" type="info"></my-alert>
    <my-alert title="An alert info" desc="Some description about alert component" type="success"></my-alert>
    <my-alert title="An alert info" desc="Some description about alert component" type="warning"></my-alert>
    <my-alert title="An alert info" desc="Some description about alert component" type="error"></my-alert>
    <my-alert title="An alert info" show-icon="true" type="info"></my-alert>
    <my-alert title="An alert info" show-icon="true" type="success"></my-alert>
    <my-alert title="An alert info" show-icon="true" type="warning"></my-alert>
    <my-alert title="An alert info" show-icon="true" type="error"></my-alert>
    <my-alert title="An alert info" show-icon="true" desc="Some description about alert component" type="info"></my-alert>
    <my-alert title="An alert info" show-icon="true" desc="Some description about alert component" type="success"></my-alert>
    <my-alert title="An alert info" show-icon="true" desc="Some description about alert component" type="warning"></my-alert>
    <my-alert title="An alert info" show-icon="true" desc="Some description about alert component" type="error"></my-alert>
    <my-alert title="An alert info" closable="true" type="info"></my-alert>
    <my-alert title="An alert info" closable="true" show-icon="true" desc="Some description about alert component" type="success"></my-alert>
  </div>
</template>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

# API

# 组件属性

属性 类型 默认值 说明
type String 'info' 警告提示样式，可选值有 'info'、'success'、'warning'、'error'
closable Boolean false 是否可以关闭
show-icon Boolean false 是否显示图标
title String '' 警告标题
desc String '' 警告内容描述

# 组件事件

事件名称 事件描述 返回值
close 点击关闭按钮触发 -

← 提示消息 prompt →