Msg 提示页
Msg 提示主要用于展示一些操作状态反馈页面。
基础使用
显示代码
vue
<weui-msg
type="success"
title="操作成功"
desc="内容详情,可根据实际需要安排,如果换行则不超过规定长度,居中展现文字链接"
>
<template #custom-area>自定义内容</template>
<template #opr-area>
<weui-button type="primary">推荐操作</weui-button>
</template>
<template #tips-area>
提示详情,可根据实际需要安排,如果换行则不超过规定长度,居中展现文字链接
</template>
<template #extra-area> 底部链接区域 </template>
</weui-msg>
API
Msg Props
名称 | 类型 | 默认值 | 说明 | 版本 |
---|---|---|---|---|
type | 'success' | 'info' | 'waiting' | 'warn' | - | 提示页类型 | - |
title | string | - | 标题文案 | - |
desc | string | - | 描述文案 | - |
Button Slots
名称 | 参数 | 说明 | 版本 |
---|---|---|---|
icon-area | - | 自定义icon图标区域 | - |
title | - | 自定义标题 | - |
desc | - | 自定义描述 | - |
custom-area | - | 自定义内容区域,位于描述下方 | - |
opr-area | - | 操作按钮区域 | - |
tips-area | - | 提示内容区域,位于操作按钮下方 | - |
extra-area | - | 尾部扩展区域,位于最下方 | - |