首页 > 其他分享 >搭建直播平台,iYiuMessage 消息提示组件

搭建直播平台,iYiuMessage 消息提示组件

时间:2023-01-30 14:23:16浏览次数:40  
标签:提示 inload 直播 组件 message iYiuMessage 加载

搭建直播平台,iYiuMessage 消息提示组件

引入和创建iYiuMessage实例

 


<script src="./js/iYiu.js" type="text/javascript"></script>
<script type="text/javascript">
    //创建iYiuMessage实例
    var iYiuMessage = new iYiu();
</script>

Message消息提示:

 


iYiuMessage.message('我是错误信息,但是我不告诉你哪里错了!')

 

Loading加载提示(一):

 


iYiuMessage.inload();//加载
iYiuMessage.outload(6000);//结束加载

 

Loading加载提示(二):

 


iYiuMessage.inload({
    icon:'./image/oval.svg'
});//加载
iYiuMessage.outload(6000);//结束加载

 

Loading加载提示(三):

 


iYiuMessage.inload({
    icon:'./image/oval.svg',
    message:'加载中'
});//加载
iYiuMessage.outload(6000);//结束加载

 

createBox加载提示:

 


iYiuMessage.createBox({
    title:'删除',
    message:'你请定要删除该组件吗?'
},function(res){
    iYiuMessage.inload('我点的是确认');
},function(err){
    iYiuMessage.message('我点的是取消');
})

 

 以上就是 搭建直播平台,iYiuMessage 消息提示组件,更多内容欢迎关注之后的文章

 

标签:提示,inload,直播,组件,message,iYiuMessage,加载
From: https://www.cnblogs.com/yunbaomengnan/p/17075760.html

相关文章

  • 直播电商平台开发,vue 自定义指令过滤特殊字符
    直播电商平台开发,vue自定义指令过滤特殊字符 /** *@tagsinput只可以輸入数字、字母、汉字 *@examplev-emoji */exportdefault(app)=>{ app.directive('e......
  • 开源组件ExcelReport 3.x.x 使用手册
     可用   https://www.cnblogs.com/hanzhaoxin/p/10505872.html github https://github.com/hanzhaoxin/ExcelReport......
  • Bootstrap_组件_导航条&分页条、插件_轮播图
    Bootstrap_组件_导航条&分页条导航条<!doctypehtml><htmllang="zh-CN"><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=e......
  • ExtJS-组件查询
    更新记录点击查看>2023年1月6日更新Ext.getCmp>2022年12月3日开始。ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.htmlFindingcomponentsbase......
  • react组件实例属性props
    propsprops简单使用classPersonextendsReact.Component{render(){return(<ul>......
  • vue3语法糖+ts组件传值
    在开发中有些功能是通用的,而且逻辑大致相同,像这种东西可以封成一个组件,比较常用的就是函数封装,组件封装,组件封装是需要引入到页面使用的,所以通常它会有一些自己的方法,父子......
  • 栅格组件
    一.nzsm和nzspannzSm必须和nz-col一起使用和nz-row同时使用是没有效果的,和nz-col使用的时候,上层可以不用设置nz-row也能生效。<divnz-col[nzSm]="5"><buttonnz-......
  • Vue 指定目录下的组件注册为全局组件
    //index.jsimportVuefrom'vue'constrequireComponent=require.context( //组件的相对路径 './', //是否查询其子目录 true, //匹配基础组件......
  • 组件基础
    组件基础组件使用在components中注册,也可以全局注册一个组件每次使用组件,都重新创建了实例,变量值是不同的推荐标签名:大驼峰propsprops是一种特别的属性,子组件使用......
  • vue3+betterScroll scroll滚动组件
    betterScroll在MVVM框架中使用时最麻烦的是更新时机,一般的需要滚动的列表数据都是来源于后端,是异步的。就必须要渲染完后refresh()一下。但是单独的Scroll组件是通过插槽放......