警告提示，展现需要关注的信息。
#使用场景
- 当某个页面需要向用户显示警告的信息时。
- 非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。
#平台差异说明
| App（vue） | App（nvue） | H5 | 小程序 |
| √ | √ | √ | √ |
#基本使用
- 通过
title和description设置组件的标题和描述内容 - 通过
type设置主题类型，有primary,success,error,warning,info可选值 - 通过
effect设置主题浅或深色调，有light(浅色 默认),dark(深色)可选值
<template> <view> <u-alert :title="title" type = "warning" :description = "description"></u-alert> <u-alert :title="title" type = "warning" effect="dark" :description = "description"></u-alert> </view> </template> <script> export default { data() { return { title:'uView的目标是成为uni-app生态最优秀的UI框架', description:'uView是uni-app生态专用的UI框架' }; }, onLoad() {}, methods: { } }; </script>
copy
#图标
通过showIcon设置是否显示图标，作用是让信息类型更加醒目。
注意：当前版本图标为uView内置图标，根据type参数显示不同的图标，无法自定义。
<u-alert type="warning" :show-icon="true"></u-alert>
copy
#可关闭的警告提示
显示关闭按钮，点击可关闭警告提示。
closable参数配置是否可关闭
<template> <view> <u-alert :title="title" type = "warning" :closable="closable" :description = "description"></u-alert> </view> </template> <script> export default { data() { return { title:'uView的目标是成为uni-app生态最优秀的UI框架', description:'uView是uni-app生态专用的UI框架', closable:true }; }, onLoad() {}, methods: { } }; </script>
