Element-UI组件之通知Notice

Element-UI组件之通知Notice

  • Alert 警告
    • 基本用法
    • 主题
    • 自定义关闭按钮
    • 带有 icon
    • 文字居中
    • 带有辅助性文字介绍
    • 带有 icon 和辅助性文字介绍
  • Loading 加载
    • 区域加载
    • 自定义
    • 整页加载
    • 服务
  • Message 消息提示
    • 基础用法
    • 不同状态
    • 可关闭
    • 文字居中
    • 使用 HTML 片段
  • MessageBox 弹框
    • 消息提示
    • 确认消息
    • 提交内容
    • 自定义
    • 标题
    • 区分取消与关闭
    • 居中布局
    • 全局方法
  • Notification 通知
    • 基本用法
    • 带有倾向性
    • 自定义弹出位置
    • 带有偏移
    • 使用 HTML 片段
    • 标题
    • 全局方法

Alert 警告

基本用法

Element-UI组件之通知Notice_第1张图片


主题

Element-UI组件之通知Notice_第2张图片


自定义关闭按钮

Element-UI组件之通知Notice_第3张图片




带有 icon

Element-UI组件之通知Notice_第4张图片


文字居中

Element-UI组件之通知Notice_第5张图片


带有辅助性文字介绍

Element-UI组件之通知Notice_第6张图片


带有 icon 和辅助性文字介绍

Element-UI组件之通知Notice_第7张图片


Loading 加载

区域加载

Element-UI组件之通知Notice_第8张图片






自定义

Element-UI组件之通知Notice_第9张图片




整页加载

Element-UI组件之通知Notice_第10张图片




服务

Element-UI组件之通知Notice_第11张图片

Message 消息提示

基础用法

Element-UI组件之通知Notice_第12张图片
在这里插入图片描述
在这里插入图片描述




不同状态

Element-UI组件之通知Notice_第13张图片
Element-UI组件之通知Notice_第14张图片




可关闭

Element-UI组件之通知Notice_第15张图片
Element-UI组件之通知Notice_第16张图片




文字居中

在这里插入图片描述




使用 HTML 片段

Element-UI组件之通知Notice_第17张图片
在这里插入图片描述




Element-UI组件之通知Notice_第18张图片

MessageBox 弹框

在这里插入图片描述

消息提示

Element-UI组件之通知Notice_第19张图片
Element-UI组件之通知Notice_第20张图片
在这里插入图片描述




确认消息

Element-UI组件之通知Notice_第21张图片
Element-UI组件之通知Notice_第22张图片
在这里插入图片描述




提交内容

Element-UI组件之通知Notice_第23张图片
Element-UI组件之通知Notice_第24张图片
在这里插入图片描述




自定义

Element-UI组件之通知Notice_第25张图片
Element-UI组件之通知Notice_第26张图片
在这里插入图片描述




在这里插入图片描述

标题

Element-UI组件之通知Notice_第27张图片
Element-UI组件之通知Notice_第28张图片




在这里插入图片描述

区分取消与关闭

Element-UI组件之通知Notice_第29张图片
Element-UI组件之通知Notice_第30张图片




居中布局

Element-UI组件之通知Notice_第31张图片
Element-UI组件之通知Notice_第32张图片




全局方法

Element-UI组件之通知Notice_第33张图片

Notification 通知

基本用法

Element-UI组件之通知Notice_第34张图片




带有倾向性

Element-UI组件之通知Notice_第35张图片
Element-UI组件之通知Notice_第36张图片




自定义弹出位置

Element-UI组件之通知Notice_第37张图片




带有偏移

Element-UI组件之通知Notice_第38张图片




使用 HTML 片段

Element-UI组件之通知Notice_第39张图片




在这里插入图片描述

标题

Element-UI组件之通知Notice_第40张图片
在这里插入图片描述




全局方法

Element-UI组件之通知Notice_第41张图片

你可能感兴趣的:(Element-UI组件之通知Notice)