lea_-CSDN博客

原创 ElementUI组件库踩坑记录之el-tree

ElementUI组件库踩坑记录el-tree拖拽功能的实现。目前是想实现实现一个作为目录的树，可以拖拽组件到可操作区域，同时目录也可以移动。实现思路1、本来想通过node-drag-end绑定的方法的event.target确定最终拖动到的位置，但是发现target绑定的是被拖拽的元素，后面就根据x,y确定定位阻止原有的移动目录方法（移动目录时有调用api）。2、但是由于el-tree原有的特性，拖动之后目录还是被拖过去了，失败的几个方法就不具体说了，最终实现allow-drop绑定的方法

2021-04-22 11:41:55 1241 5

原创 CSS3如何实现投影正片叠底效果

CSS3如何实现正片叠底效果在写弹框时被UI科普了一波正片叠底，于是网上搜了一下css3如何实现正片叠底效果，但都是叠图时使用，不是我想要的效果，最终转换了一下思路，实现了如下图的效果，在与图片重合处没有投影，在白色区域有投影首先是网上搜了一下正片叠底效果的代码mix-blend-mode: multiply;，在这个弹框上确实能实现重叠，但是我的弹框被图片遮盖住了，就像这样这可不是我...

2020-04-24 11:08:04 2639

原创（Vue）h5+App实现嵌入新的webkit引擎引入游戏外链

需求点击游戏进入游戏页面，游戏页面点击返回时关闭游戏页面并回到进入游戏前的页面应用与游戏使用相互独立的webkit具体实现游戏列表页点击某一项进入游戏页面methods: { toGame() { this.$router.push("/gameContent?id=1"); } }游戏页进入时开启，退出时需先关闭webview再退出&lt...

2020-04-23 15:47:29 650

原创 vue自定义分页按钮

<template> <div class="hash"> <div class="page"> <span @click="last"><</span> <span v-for="(item,index) in nowPage" :key="index" @click=...

2020-04-17 16:18:12 634

原创 Canvas绘制圆角矩形按钮

效果图drawButton(ctx,color,x,y,width,height,radius,text){//x/y:按钮起始点,width/height按钮宽高,radius弧度 //分为4条直线4个圆角绘制 ctx.beginPath(); ctx.fillStyle = color; ctx.moveTo(x+radius...

2020-04-15 14:53:35 1174

原创 js处理浮点计算精度缺失BUG

fixValue(value1,value2,type){//精度缺失bug处理 let length1 = value1.toString().split('.')[1].length,length2 = value2.toString().split('.')[1].length; let length = length1 > length2 ? Math.pow...

2020-04-15 14:48:52 123

原创 animation+transform实现简单的列表弹入弹出框

在写一个单独的组件，便于在多处使用，有个简单的弹框动画，引用文件或是插件太鸡肋了，就写个简单的实现点击按钮左边弹出列表项，点击选择或遮罩层后消失点击按钮弹出事件index.vue<template> <div id="kline" ref="kline" style="height:100%"> <div class="header"> ...

2020-03-27 14:51:11 580

原创 h5+App移动端返回

// 移动端返回键监听 window.history.pushState(null, null, "#"); this.onPlusReady(() => { window.plus.key.addEventListener( "backbutton", () => { let hashArr = ['#/...

2020-03-16 10:27:24 1555

原创 plus实现扫码功能

2020-03-13 11:55:36 3183 3

原创 h5+App强制弹框更新以及手动更新，带进度条

思路先理清思路，自动出现版本更新的弹框需要检查当前应用的版本，获取线上发布的最新版本，对比之后判断是否出现弹框。点击更新检查资源，显示进度条，下载完成之后系统自动跳转至安装安装完成之后可替换之前的版本检测更新文件配置import AppService from "../../service/AppService";import { Toast } from 'vant';impo...

2020-03-13 11:49:59 1966

原创 keep-alive实现h5App前进刷新，后退缓存

Vue.mixin({ beforeRouteLeave (to, from, next) { // 页面缓存处理 if(to.path.indexOf('Detail')!==-1){ // 进入详情页时缓存记录 from.meta.keepAlive = true }else{ ...

2020-03-13 10:43:48 807

lea的博客