- 博客(17)
- 收藏
- 关注
原创 微信开放标签 wx-open-subscribe(复数模板)
以为wx-open-subscribe例子,先公众号设置-》功能设置绑定JS接口安全域名保证"weixin-js-sdk": “^1.6.0” 在1.6或以上html代码:(这里用的是vue,原生看看官网就行)<wx-open-subscribe style="width: 40vw;" @success="participateCJ" @error="subError" :template="subTemplateId" id="subscribe-btn" > <s.
2021-02-03 13:58:30
6245
50
原创 vue动态改变css的值,改变placeholder的颜色。
以改变input的placeholder颜色为例子 <div class="red_bg"> <input ref="is" type="text" placeholder="请输入内容"> </div> 设置事件,动态更新css的值 mounted() { // 解决input颜色问题 this.$refs.is.style.setProperty( 'p.
2020-11-21 15:19:15
3079
原创 zan-ajax的使用方式
安装 zan-ajax :npm install zan-ajax2.Vue 里引入zan-ajaximport ajax from ‘zan-ajax’3.post的使用(get很简单就不写了,大致雷同): // post请求 // $api 接口 // $parmas 参数 // fn 函数 post(api, parmas, fn) { ajax({ url: `${this.url}${api}`, .
2020-11-03 14:43:46
257
原创 Echart 地图 背景 图片契合
原理:在一个大div下放两个,一个是Echart代码地图,一个是背景图片,然后将代码地图设置为透明,设置两个子元素的定位吻合就行。缩放与移动事件 :https://blog.csdn.net/rRainyevening/article/details/107196809...
2020-07-08 08:33:39
1719
原创 vue 缩放与移动(放大缩小“简单”动画)
需要进行缩放与移动的div<div ref="chmap" style="transform:scale(1)" @touchstart="touchstart($event)" @touchmove="touchmove($event)" @touchend="touchend($event)"> 、、内容</div>手势操作开始,手指触摸到屏幕 // 手势操作开始 touchstart(e) { this.pageX = e
2020-07-08 08:31:58
4864
原创 html2canvas 图片偏移+不全(vue,附有解决方法)
下面是我原来的写法,这个写法原来并没有问题,但后面出现图片不完整+ 白屏+ 偏移(下面附有解决方法)要截图的区域(截取 <div ref="imageToFile" id="imageToFile"> <van-col :span="24" class="topPage" :style="{backgroundImage:'url(' + backImg + ')'}" > <img class=
2020-07-02 09:49:33
5840
9
原创 Echart 地图 单独显示某个选中效果,高亮
最开始看网上说设置数据中的selected: true,但发现无效,然后下图是修改后代码,设置数据中的selected: true, 原本选中样式是写在geo里,然后coordinateSystem: ‘geo’, 这样引用,导致无法生效。 事件名称() { let self = this; let myChart = echarts.init(this.$refs.myEchart); //这里是为了获得容器所在位置 let mapNam
2020-07-02 08:48:54
5376
1
原创 Echarts 地图 监听空白区域事件,监听移动or缩放事件
myChart 是地图名字,georoam是监听缩放事件myChart.getZr().on('click', (res)=>{ // 空白 this.welfare = false});myChart.on('click', (res)=>{ this.cleanse(res)});myChart.on('georoam', (res)=>{ // 移动or缩放 this.cleanse(res)});...
2020-07-02 08:45:49
1927
原创 Echarts实现中国地图并下钻
要实现中国地图,并且有图片标点还能下钻,话不多说上效果图(下面有地图json文件提示)本效果使用Echarts ,我在找地图json文件时发现Echarts有文件,下图是路径。import china from ‘…/…/…/…/…/node_modules/echarts/map/json/china.json’; // 引入中国地图数据接下来上完整代码,有注释<temp...
2020-06-30 10:19:09
1154
原创 Echarts 地图点击触发多次
Echarts 地图点击事件多次触发原因,有触发三次的,有触发两次的我推测是因为地图有下钻,虽然你点了中国地图,但同时也点了省份地图解决方法:myChart.off('click');// 这里使用off避免重复调用myChart.on('click', (res)=>{ (事件)});网上说的另一种解决方法,我使用无效:myChart.off('click').on('click', (res)=>{});...
2020-06-30 09:55:23
1447
1
原创 div补齐,一行
本次记录一个事件,本人为了实现下图效果,在没使用flex的情况用了事件写出来,后来改用更为方便,完善的flex布局。要求:获取后端给到的数据后排列,要求布满一行,不够换行,但保证每行充足...
2020-04-27 08:19:42
544
原创 ES6-彩票实战项目创建(一)——项目搭建
前言:因为看的教学视频久远的原因,导致npm包版本与视频代码不相容,故查询资料进行选定版本安装示例:npm install webpack@2.2.1 --save-devpackage.json{ "name": "es6", "version": "1.0.1", "description": "", "main": "index.js", "scripts": ...
2020-02-14 23:59:07
569
原创 新建vue项目, vue-cli 3
新建vue项目, vue-cli 3将流粗略记录一下,提醒自己第一步npm安装(镜像自己百度,不想写)首先:先从nodejs.org中下载nodejs链接: https://nodejs.org/en/.安装过程CSDN很多就不写了,安装完后检查系统是否可以使用`打开cmd 运行 node -v 查看node版本号node -v打开cmd 运行 npm -v 查看npm版本号...
2019-10-25 18:06:37
241
原创 html实现省份、地市、区县三级联动(原生js)
html实现省份、地市、区县三级联动(原生js)命名有点随便,不喜勿喷友情链接(另一种实习方法,用了他的数据库):https://blog.csdn.net/qq_17522211/article/details/84580492<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2019-06-17 13:27:27
3013
原创 npm不是内部或外部命令(明明之前能用或者装好了)
这篇文章是用来提示自己的一个错误我昨天执行npm run dev 时报错,然后我查了很久最终发现是我把文件夹的名字改了![原本文件夹名字](https://img-blog.csdnimg.cn/2019060721580120.JPG)![修改后的名字](https://img-blog.csdnimg.cn/20190607215851175.JPG)然后就报错了我改回来后正常执行,...
2019-06-07 22:01:06
405
转载 js获取元素css3的transform
*js获取元素css3的transformwindow.function (){var el = document.getElementById(“dsiv”);var st = window.getComputedStyle(el, null);//获取外部或style中的cssvar tr = st.getPropertyValue("-webkit-transform") || //...
2019-04-01 09:36:49
709
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人