内联框架内也能唤出的通知消息提示框原型案例

作品介绍

这个通知消息提示框共有四种样式,由两个全局变量控制:

  • 四种样式:成功、失败、注意、帮助
  • 两个全局变量:TipsMode、Tips

显示方式为 “自动调用” 方式,只要设置全局变量值 Tips 为要显示的文字,消息弹框会自动弹出、自动消失,无需人工干预设置

显示的样式通过 TipsMode 这个全局变量控制,需要在 Tips  之前设置

在页面任何地方(即使是内联框架内的页面)设置全局变量 Tips 的值,都能弹出通知消息

使用方法

  1. 将提示框复制粘贴到要显示的页面
  2. 在要执行的对象上设置用例
    1. 设置全局变量 TipsMode 为要显示的样式,如:成功
    2. 设置全局变量 Tips 为要显示的文字,如:保存成功!

预览后,鼠标单击时,即可看到页面右上角弹出通知消息提示框。

发表回复

以下作品你可能也喜欢:
推荐

#前言: uView是uni-app生态专用的UI框架,uni-app…

继续阅读 →

售价:¥ 99.90 销量: 123 11249
推荐

web端高保真原型系列 1、交互按钮元件组合 2、输入框元件组合(数字…

继续阅读 →

售价:¥ 15.00 销量: 161 6222
推荐

更新时间:2020.04.12 作品包括:函数元件库.rplib和元件…

继续阅读 →

售价:¥ 29.90 销量: 49 8870
推荐

作品名称:【共享换电】电动车换电移动端高保真原型 文件大小:28.3M…

继续阅读 →

售价:¥ 99.00 销量: 15 1949
推荐

作品介绍 作品名称:PaaS金融服务平台商户端管理后台原型 作品类型:…

继续阅读 →

售价:¥ 19.00 销量: 56 7829
推荐

作品名称:网页元件库_V2.0、Web元件库(网页交互动效元件库、函数…

继续阅读 →

售价:¥ 39.00 销量: 80 8707