风向北吹i-优快云博客

.el-radio{ background: #fff; } .el-radio.is-bordered.is-checked{ background: #409eff; } /deep/ .el-radio__inner:after{ width: 10px; height: 10px; bord.

2022-04-28 09:23:50 474

原创 el-radio设置激活的样式

.el-radio{ background: #fff; } .el-radio.is-bordered.is-checked{ background: #409eff; } /deep/ .el-radio__inner:after{ width: 10px; height: 10px; bord.

2022-04-20 10:38:27 1089

原创 vue页面内容超出浏览器高度但不出现滚动条

浏览器页面下方其实还有内容，但不显示。解决办法给父元素设置以下属性即可解决overflow: scroll;height: 100vh;

2022-04-14 15:00:16 5961

使用iframe显示pdf时，默认会根据浏览器自适应，如果想实现让pdf沾满整个容器宽度，需要设置以下属性<iframe width="100%" :src="PDFsrc+'#view=FitH,top'" frameborder="0" style="width: 100%; height: 100%"></iframe>在src路径后面添加#view=FitH,top默认是自适应，也可手动添加#view=Fit...

2022-04-02 15:33:07 6755

原创把单独多条对象放在数组中

let zhData={ name:'综合', meetNum: this.allNumber} let yfhg={ name:'依法合规', meetNum: this.yfhgNumber} let wrfz={ name:'污染防治', meetNum: this.wrfzNumber} let stzl={ name:'生态治理', meetNum: this.stzlNumber} let jnjt={ name:'节能减碳', .

2022-03-29 16:56:58 934

原创 echarts点击触发多次

给echarts图表设置点击事件后，会导致出发多次请求，设置off即可解决 let myBarChart = this.$echarts.init(this.$refs.majorHidTroBar) myBarChart.setOption(this.barOption) myBarChart.off('click') //图表渲染前销毁点击事件 myBarChart.on("click", function(value){ this.l

2022-03-28 17:41:56 3168 1

原创使用jsonp传参并设置echarts柱状图的x轴高度样式

代码如下：getEchartsData(){ let url = this.$baseURL + '/HGApi/getHGCPDHCountDataDetail' const searchParam={ module:'02', date:this.dateNH } $.ajax({ type:'get', url, dataType:'jsonp', dat.

2022-03-17 10:31:56 1218

原创 echarts柱状图

var colorList = [ "#f48149", "#fbb321", "#ff4e00", ]; let option = { title:{ text:'港口岸电接驳率', textStyle:{ color:'#d9bb96', fontWeight:'bold', fontSize.

2022-03-16 16:55:55 806

原创 elementUI轮播图样式

<div class="pictures">  <el-carousel indicator-position="none" arrow="always" height="810px"> <el-carousel-item v-for="item in sfgcpicLists" :key="item.id" :name="item.picNa.

2022-03-15 16:31:39 1340

原创 vue实现给同级div添加样式

页面中多个div，点击当前div显示激活的样式，别的去掉激活的样式 <div class="buttonText" :class="{activeOrange:active==2}" @click="commonClick('电力部')">电力部</div><div class="buttonText" :class="{activeOrange:active==3}" @click="commonClick('化工部')">化工部</div><

2022-03-15 10:59:07 2007

原创 2句话解释防抖和节流

防抖：单位时间内只执行最后一次1、先清空定时器id （clearTimeout）2、创建定时器节流：不停的执行1、判断如果没有定时器id，先创建定时器2、定时器内部将id设置为空(null)

2022-03-13 09:39:26 93

原创 css相关知识

一、Emmet语法1、快速生成HTML与CSS自动排序：.demo$*5标签中有内容：div{ $ }*5，$左右没有空格，此处为了让符号显示出来8div{文字}*5二、background、box-shadowbackground-attachment: scroll / fixed （背景图像滚动 / 固定）1、background简写：background：背景颜色图片地址背景平铺背景图滚动背景图位置background：pink url() repear-x fixe

2022-03-13 09:33:55 342

原创 vscode插件

1、Material Theme主题插件，包含不同色彩风格的主题和图标样式2、Prettier-code-formatter格式化代码，设置中保存时自动格式化搜索设置中的save出现Editor:Format On Save，勾选保存时格式化文件3、Bracket Pair Colorizer2将配对的括号显示相同的颜色，不配对的括号显示不同颜色4、Auto rename Tag修改标签前半部分，后半部分标签自动变化5、Live Server本地开启Http Server，建通ctrl

2022-03-13 08:50:22 439

原创 vscode终端无法打开

settings.json中添加： “terminal.integrated.shell.windows”: “cmd.exe”

2022-03-07 17:05:34 2498

原创 proxy代理

代码 devServer: { // server模块配置 port, inline: true, open: true, overlay: { warnings: false, errors: false }, proxy: { // 全局变量ip配置 [process.env.VUE_APP_BASE_API]: { target: process.env.VUE_APP_SERVE..

2022-03-03 14:24:34 687

原创 echarts圆环占比效果

let echarts = require('echarts'); var BorderWidth = '10'; //反方向剩下部分的样式 var placeHolderStyle = { normal: { label: { show: false, position: "outside" }, labelLine: { show: false, ...

2022-03-03 09:05:35 718

原创 echarts占比环形图

option = { backgroundColor: 'green', tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)" }, graphic: { elements: [ { type: 'text', .

2022-03-03 08:58:49 2693

原创 el-table表格滚动

// 日报滚动 dailyRefScroll() { clearInterval(this.timeDailyRef) //清除定时器 const table = this.$refs.dailyRef //获取DOM元素 const divData = table.bodyWrapper //获取表格中承载数据的div元素 // divData.scrollTop = 0 this.addDailyRefScro.

2022-03-02 10:18:15 1239

空空如也

空空如也