Skip to content

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'-提示页类型-
titlestring-标题文案-
descstring-描述文案-

Button Slots

名称参数说明版本
icon-area-自定义icon图标区域-
title-自定义标题-
desc-自定义描述-
custom-area-自定义内容区域,位于描述下方-
opr-area-操作按钮区域-
tips-area-提示内容区域,位于操作按钮下方-
extra-area-尾部扩展区域,位于最下方-