uView Alert 警告提示

警告提示，展现需要关注的信息。

#使用场景

• 当某个页面需要向用户显示警告的信息时。
• 非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。

#平台差异说明

#基本使用

• 通过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>