2020年11月16日
css画一条渐变色的直线
摘要： 通过div 画渐变色的直线 左右方向渐变【调整方向：改变第一个参数：lef、right、top、bottom】 #grad { background: -webkit-linear-gradient(right, white,#00FF0A); /* Safari 5.1 - 6.0 */ back 阅读全文
posted @ 2020-11-16 11:52 逸凨 阅读(1029) 评论(0) 推荐(0) 编辑
移动端app页面在使swiper.js 时 transform: scale(1.2);放大缩小 失效 安卓手机上的问题
摘要： 首先swiper.js是一款专门正对ios系统的插件，所以其展示的滑动滑动放大缩小的等动画效果时在pc端与ios苹果手机上都正常，但安卓手机上不能正常放大缩小。2种方法解决： 1、swiper-wrapper div 中是一张图片的话直接对图片的大小强行变大 2、修改transform: scale 阅读全文
posted @ 2020-11-16 11:43 逸凨 阅读(2232) 评论(0) 推荐(0) 编辑
html/css导入本地的字体样式
摘要： 1、样式文件【less/css】中引入本地css文件夹中的PangMenZhengDao.ttf字体包 2、在想使用字体的class中的font-family写上面命名的字体名称，就可以了。 代码复制： @font-face { font-family: 'PangMenZhengDao'; //创 阅读全文
posted @ 2020-11-16 10:45 逸凨 阅读(3372) 评论(0) 推荐(0) 编辑
2020年11月2日
element UI Upload 上传文件只能上传一次 ，第二次后无反应的问题的坑
摘要： 主要原因是第一次上传文件后，浏览器还保存着我们已经上传的文件，所以要想继续上传文件，就需要在on-success钩子函数中r通过ef 拿到它的document元素进行清除已经上传的文件 <el-upload class="upload-demo" ref="upload" :action="url" 阅读全文
posted @ 2020-11-02 10:14 逸凨 阅读(9506) 评论(0) 推荐(3) 编辑
2020年10月30日
echarts-----父页面调用封装的echarts与表格子组件实例
摘要： 页面tab切换的效果图： 子组件结构： 父页面： 子组件代码： big-data-bar-chart.vue代码如下： <template> <!-- <div class="data-route-route-chart" id="routeChart"></div> 父类中会重新渲染样式，这里可以 阅读全文
posted @ 2020-10-30 11:48 逸凨 阅读(547) 评论(0) 推荐(0) 编辑
js 的所有操作教程
摘要： W3C 有关于 js 的所有操作教程【包括数组的各种处理、日期格式、请求格式、函等等都在这里】，详细查看 https://www.w3school.com.cn/js/index.asp 阅读全文
posted @ 2020-10-30 10:27 逸凨 阅读(125) 评论(0) 推荐(0) 编辑
2020年10月27日
百度地图通过省、直辖市或县名称直接获取地区轮廓线【边界线】
摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文
posted @ 2020-10-27 14:28 逸凨 阅读(1445) 评论(0) 推荐(0) 编辑
echarts 图表的内容的轮播
摘要： 第一种：官网提供的方法：dispatchAction和on事件（tooltip + 定时器 方式） init(id) { var myChart = echarts.init(document.getElementById(id)) var option = { title: { text: '饼图 阅读全文
posted @ 2020-10-27 11:41 逸凨 阅读(2421) 评论(1) 推荐(0) 编辑
2020年10月16日
echarts-----渐变色横向柱状图
摘要： 效果图： 代码如下： option = { tooltip: { trigger: "axis", axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: "shadow" // 默认为直线，可选为：'line' | 'shadow' } }, grid: { left: "4 阅读全文
posted @ 2020-10-16 15:10 逸凨 阅读(2091) 评论(0) 推荐(0) 编辑
echarts ----渐变色曲线图表demo
摘要： 效果图如下 代码如下：option = { xAxis: { //name: '日期',//y轴名称 nameGap: 30, type: 'category', boundaryGap: false, //设置x轴的刻度坐标展示数据，会覆盖series中数据的name属性【也是设置x轴的刻度坐标的 阅读全文
posted @ 2020-10-16 11:50 逸凨 阅读(1870) 评论(0) 推荐(0) 编辑