小灬壊

2021年10月15日

摘要：实际场景：在开发过程中elementui和mintui提示窗没有弹窗层级高导致提示看不见解决方法：在element中的公共样式中加上 .zZindex { z-index:3000 !important; } 切记不加加载scoped样式中，一般弹窗的z-index是2007只要大过他就行了在m 阅读全文

posted @ 2021-10-15 14:14 小灬壊阅读(403) 评论(0) 推荐(0) 编辑

mintui弹窗滚动穿透的问题

摘要：使用场景：当弹窗出现的时候会发现底部的页面能滚动解决方法：在mt-popup标签中加上@touchmove.native.stop.prevent 这个方法是阻止默认根元素的默认事件，native是关键，这个表示根元素的意思，也就是body或者html <mt-popup class="confi 阅读全文

posted @ 2021-10-15 14:06 小灬壊阅读(146) 评论(0) 推荐(0) 编辑

2021年9月1日

解决html2canvas插件object-fit样式不生效问题

摘要：使用场景在生成canvas时候需要图片自适应canvas容器的大小方法一将图片以背景图方式 <div class="content-img" id="haibaoone" :style="`background: url(`+info.poster_background+`)center ce 阅读全文

posted @ 2021-09-01 10:01 小灬壊阅读(1866) 评论(0) 推荐(0) 编辑

2021年8月26日

七牛云视频获取视频封面和缩略图

摘要： 1、获取视频封面视频地址：https://mpimg.vdongchina.com/ww6e61e170a7e31160//eb82efa3d18fed0be375eeceaaf630232.mp4 视频地址后面拼接：?vframe/jpg/offset/1 得到视频第一帧图的地址，作为封面：ht 阅读全文

posted @ 2021-08-26 14:10 小灬壊阅读(1640) 评论(0) 推荐(0) 编辑

2021年8月20日

实现一个简单拖拽

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-08-20 10:13 小灬壊阅读(33) 评论(0) 推荐(0) 编辑

2021年7月28日

elementui遮罩层下方内容禁止滑动

摘要： //发送动画 send_loading(e){ this.loading = e if(e){ document.documentElement.style.overflowY = 'hidden' //禁止底层div滚动 }else{ document.documentElement.style. 阅读全文

posted @ 2021-07-28 10:27 小灬壊阅读(446) 评论(0) 推荐(0) 编辑

2021年6月24日

echars适配代码

摘要： $(function(){ var evt = "onorientationchange" in window ? "orientationchange" : "resize"; var zx_win_resie = function(){ var _w = window.innerWidth, _ 阅读全文

posted @ 2021-06-24 14:31 小灬壊阅读(29) 评论(0) 推荐(0) 编辑

2021年5月27日

修改vue项目页面的title

摘要：在mian.js中 // 设置浏览器标题 Vue.directive('title', { inserted: function (el, binding) { document.title = el.dataset.title } }) 在需要修改的页面最外层的div加上v-title data- 阅读全文

posted @ 2021-05-27 16:29 小灬壊阅读(340) 评论(0) 推荐(0) 编辑

2021年5月25日

用div实现textarea

摘要：实现textarea主要用到了 contenteditable 属性 contenteditable 属性值有 contenteditable="events" contenteditable="caret" contenteditable="plaintext-only" contentedita 阅读全文

posted @ 2021-05-25 17:39 小灬壊阅读(206) 评论(0) 推荐(0) 编辑

判断手机端和pc端

摘要： //判断pc和手机 browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mo 阅读全文

posted @ 2021-05-25 13:40 小灬壊阅读(126) 评论(0) 推荐(0) 编辑

公告