自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 electron 渲染层和主线层通讯(ipcMain+ipcRenderer)

config.output.filename('background.js') //解决 运行 yarn run electron:serve 报[DEP0128] DeprecationWarning: Invalid 'main' field in '\dist_electron\package.json' of 'background.js'.mirror: "https://npm.taobao.org/mirrors/electron/" //镜像设置。

2023-09-04 14:30:39 332

原创 VUE 检测用户20秒内不进行操作倒计时退出

1.封装方法(需要自己在vuex中设置actions方法,全局储存outTime)touchEvent() //全局触发点击和触摸事件,触发倒计时退出系统。2.在main.js 引用触摸事件来使系统进行操作监控。3.router.js 引用倒计时。

2023-07-11 10:50:02 416

原创 vue-echarts 双Y轴保持Y轴分割线等分

当echart有两个Y轴时,会出现数据不同时,Y轴出现不对称分割的情况,如下图。双Y轴的时候,数据不一样也能实现等分切割线的样式。

2023-05-18 11:06:34 731 1

原创 vue-echarts 柱状图Y轴Name因为数据过小导致显示不全的问题& legend(图例)和Y轴文字自适应对齐

legend与Y轴name对齐的问题,项目中echart的数量少还好说,可以用legend 的 style来用像素进行定位对齐,但是数量多的时候就只能另辟蹊径了,也是用了一个取巧的方法,我们来改造一下上面的方法。来自定义name,对比上述的其他方法,优势就是不用改变echart图表的样式,保持页面较为美观。导致这个问题产生的原因是,当数据过小时,Y轴的宽度过小,导致Y轴的name无法全部显示。第二,如果Y轴有两个name,且显示legend的时候往往会出现一个问题。我使用的方法是使用echart中的。

2023-05-17 15:26:14 4520

原创 vue-quill-editor编辑器的安装与配置(包含字号大小,图片缩放)

1.安装vue-quill-editornpm install vue-quill-editor --save2.main.js全局引用import VueQuillEditor from 'vue-quill-editor'//一定要引入这三个css,不然文本编辑器会出现不规则黑白几何图形//这三个css可以在main.js中引入,也可以在具体使用的.vue文件中引入,建议在main.js中引用。因为在添加quill-image-resize时发现在组件中引用报错,暂时没有发现问题出现

2022-02-10 17:55:01 2600

原创 基于el-pagination的二次封装

1.组件代码<template> <el-pagination :style="{ 'text-align': align, 'margin-top': '20px ' }" v-bind="$attrs" :background="background" :current-page.sync="pageSzie.current" :hide-on-single-page="onpage" :l

2021-07-30 09:42:36 441

原创 使用require.context工程化自动注册全局组件

1.目录情况:2.组件需要提供正确的name3.工程化注册组件(上图的index.js)import Vue from 'vue'const ctx = require.context('./base', true, /[A-Za-z]\w+\.(vue)$/)console.log(ctx.keys())ctx.keys().forEach(path => { const module = ctx(path) /** * 兼容 import e...

2021-07-29 11:42:57 188

原创 基于el-table的 二次封装

组件代码:<template> <div> <el-table ref="table" :data="tableData" :border="border" v-bind="$attrs" v-on="$listeners" @selection-change="handleSelectionChange" :cell-style="cellStyle" :h.

2021-07-29 11:30:25 168

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除