ele,HTML

ElementUi table合并

merageArr: any = [] // 每个列应该合并的rowspan index为列的序号 其value为需要合并的数值 merageIndex = 0 merge(){ // 避免筛选合并时出现错行 this.dataList = this.dataList.sort((a,b)=> a.rId-b.rId) // 遍历数组 通过一个key判断是否与上一项相同 // 结果类似于：[3,0,0,2,0] 第一个合并3行，剩下的两个为0 下一列2 后面的1个为0 ...

read more..

C3H5,HTML

移动端滑动

按下:touchstart 移动:touchmove 松开:touchend 判断左右滑动: 按下记录X轴位置, 划动的过程中判断clientX大于还是小于即可判断左右滑动. 在滑动的过程中持续记录clientX的位置

read more..

HTML,Vue

IOS封装的H5移动端页面底部小黑条

ios封装的web端应用, 滚动到底部后还能继续朝下滚动,出现空白 通过监听 touchmove，让需要滑动的地方滑动，不需要滑动的地方禁止滑动。 App.vue页面 created() { document.body.addEventListener( "touchmove", (e) => { if (e._isScroller) return; e.preventDefault(); }, { passive: false, } ); }, html,body { height:...

read more..

HTML,JS

保存图片文件，下载图片

function downloadIamge(imgsrc, name) { //下载图片地址和图片名 let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); image.onload = function () { let canvas = document.createElement("canvas"); canvas.width = image.width; canvas.height = image.height; ...

read more..