- 博客(12)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue2.0项目调用多个IP接口
vue2.0项目调用多个IP接口的项目中经常遇到跨域问题，通过我们在本地配置代理可以解决这个问题。可偶尔遇到一个页面里面需要调用来自两个以上不同IP段的接口，多个IP要怎么配置代理呢，请往下看。在项目目录 config/index.js文件配置代理module.exports = { ... dev: { proxyTable: { '/api': { target: 'http://192.168.17.219:8083',
2021-11-12 11:34:33
4821
5
原创 vue结合echarts-点击echarts图表内容，在图表上面出现一个弹框，
最后有一个效果，就是在vue项目中使用echarts图表，点击图表的时候，弹一个框，在点击图表其它部分，弹框消失，并且，弹框要显示在图表范围内，不可超出图表区域。看一下效果图上代码：<style>#gxid { height: 100%; width: 100%; border: 1px solid #efefef;}.con_box{ position: relative; height: 600px; width: 900px; margin:
2020-09-24 10:22:42
4163
原创 给iframe标签添加点击事件方法
今天遇到一个需求，通过iframe标签引入其它页面（当前页面为a.html，被引入页面为b.html)，在b页面当中，点击一个事件之后，需要让a页面某个元素消失，但试了很多次，iframe事件无法添加，最终还是网友的力量强大，找到了两个方法，如果其它网友还有更好的办法，可以留言给我。我找到两个方法，我全贴下面<!DOCTYPE html><html> <he...
2020-01-13 17:41:40
7801
3
原创 jq写图片懒加载
注意要点：父级元素身上需要有position属性。我获取元素距离父级元素之间的top值是通过position().top 来获取的。再次重复，more_pic_box这个div身上一定要有positioncss.more_pic_box{padding: 10px;box-sizing: border-box;width: 100%;height: calc(100% - 50px);ove...
2019-10-16 17:08:39
242
原创 jq 自定义video视频进度条
因工作需要，需要写一个自定义进度条，在网上找了一些，一直没找到如意的，看了一些网友的代码，然后自己重新写了一下。若有错误，欢迎指正。参考了网友的代码：https://blog.csdn.net/weixin_33970449/article/details/85757733注意：一定要在本地打开，不要通过HBuilder打开。先贴全部代码：<!DOCTYPE html><...
2019-10-11 16:20:03
1908
原创 vue动态创建三级导航
用vue动态创建了一个三级导航，直接上代码，可直接复制代码<style> .nav_list { width: 200px; border-bottom: 1px solid #2C3E50; background: #42B983; text-align: left; font-size: 14px; color: #fff; ...
2019-08-13 11:42:29
1316
原创 vue 点击新闻列表进入详情页面 params和query两种参数传值方法
我们点新闻进入详情页面，需要传几个值到详情页面，比如 标题，时间，作者等等。下面说说怎么传递参数。这是html代码 <ul> <li class="news_con_list" :id="item.id" v-for="item in news_fn"> <span @click="news_luyou(item.id,item.title)"...
2019-05-08 20:28:39
3827
原创 vue2.0 实现tab标签切换效果 内容可以自行定义
利用vue2.0 实现tab标签切换效果 比较实用初学vue，练习写了一个demo 网上有很多同样的例子，但都只是改text数据，如果我想加入图片或者复杂的dom结构就不实用，今天这个就刚好可以。先上代码：html部分 【记得引入vue文件哦】&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta ch
2018-11-14 11:22:27
3821
原创 表格和Echarts图表联动-通过选取表格数据组成图表
近日做了 个项目功能，就是通过表格列或者行选取表格数据来生成图表，不多说，上图 （这是最终效果，因为只是测试功能，所以就不美观啦）大家可以在这个基础上进行修改，可以改成更好的css部分：：： <style type="text/css"> .echarts_div { width: 900px; h...
2018-03-15 15:00:50
14441
4
原创 轮播插件+echarts图表
效果如图，底部的小圆点是自己加的，通过判断（判断 某一个class名称）找到index，然后给到下面小圆点上面注意： 这个轮播插件改过源码，因为不能阻止默认，就加了一个阻止默认事件，但不影响，若介意的同学可以去jq22.com上面重新下载 这个就是插件 //然后在默认的dom基础上 把内容改成你自己的 <div id="Main-Content"> <d
2017-12-14 15:27:29
8184
10
原创 年度目标进度和完成进度对比
http://gallery.echartsjs.com/editor.html?c=xB1OlxsyGf demo链接 外环数据大于内环时，颜色会改变，底部 时间进度 是外环的数据（外环相当于是一个图表，然后把它要显示的数据 在data里面设置好 让它在底部显示）
2017-12-14 15:06:12
4943
原创 利用Echarts图表的tooltip在做一个图表
小编最近遇到一个需求，需要在折线图上在做一个图表，如下图： 这是已经做好的demo。http://gallery.echartsjs.com/editor.html?c=xry_8tQjib&v=1 先说说思路，利用折线图表的tooltip.formatter 看下面代码 tooltip: { padding: 3, backgroundColor: '#2
2017-09-29 10:38:22
4811
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人