自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 资源 (2)
  • 收藏
  • 关注

原创 使用el-table选择进行保存,实现分页多选,设置选中,编辑原数据默认值不变

el-table分页选择,默认选中设置,二次选择原商品编辑的数据不变

2022-07-07 16:48:10 958 1

原创 echarts设置X轴文字纵向排列,可自定义每行排列数量

直接上代码formatter: function (params) { // params为x轴文字内容 //可自定义设置每行展示的字数,每行n个文字纵向排列 let n =2; let arr = []; for (let i = 0; i < params.length / n; i++) { arr.push(params.

2022-05-27 09:28:08 506

原创 vue使用element 上传图片,修改图片

vue使用element 上传图片,修改图片文章目录vue使用element 上传图片,修改图片前言一、应用场景1.上传图片并进行放大预览2.图片上传代码二、修改已经上传的图片,并展示到图片列表中1.效果展示(先展示原来的图片,再上传新图片,也可删除原来的图片)2.编辑代码总结前言开发后台管理项目时,遇到了上传图片的模块,这个比较简单,但是保存后的图片需要编辑就比较麻烦了,自己记录一下,也分享一下,多多指教一、应用场景1.上传图片并进行放大预览2.图片上传代码我这里的实现是直接将图片上

2022-04-18 17:08:13 7161 7

原创 前端实现炫酷进度条插件

最近做到一个下载和导入的进度条效果,所以做了一个小插件,自己记录一下,然后分享一下1、先看实现的效果2、看实现的代码,样式的话我是根据UI出的图搞得,可以自行更改<template> <div class="progressbar"> <div class="progressbar1"> <div class="bar" :style="{ width: value1 }"></div> <div

2021-08-20 16:04:54 2364

原创 前端点击按钮下载模板功能

我这里只是进行数据请求,将后台返回的路径进行a标签打开下载,如果你的后端返回的不是下载路径,该方法不能使用请求方法什么的根据你自己的定义,主要是圈出的内容,自己写的记录一下//下载模板 downBtn(id) { this.$http("接口地址", "GET", { id, }).then((res) => { if (res && res.code == 200) { let url = "域名

2021-07-16 10:23:08 719

原创 vue-quill-editor富文本编辑器自定义上传图片功能

问题描述:vue-quill-editor富文本默认上传图片是将图片转换成base64进行存储,字段过长;然后进行自定义上传图片,只保存图片路径,减少服务器压力解决思路:1、先创建一个上传图片的组件(我使用的是element-ui的el-upload),将该组件进行隐藏2、点击富文本插入图片的按钮时转换成点击上传插件,进行图片上传3、上传成功后后端返回图片路径,将图片路径处理后插入到光标在富文本中的位置解决步骤:1、组件添加,隐藏该组件 <el-upload st

2021-07-16 09:45:44 190

原创 vue-quill-editor富文本编辑器使用,附带图片更改大小功能

1.Vue项目安装依赖npm install vue-quill-editor --savenpm install quill-image-resize-module --save2.项目引用,我用的是全局引用import 'quill/dist/quill.core.css';import 'quill/dist/quill.snow.css';import 'quill/dist/quill.bubble.css';import quillEditor from 'vue-quill

2021-06-10 15:39:31 2088 10

原创 vue导出分页表格到Excel中

vue导出分页表格到Excel中安装依赖项npm install --save xlsx file-saver在使用的页面引入import FileSaver from "file-saver";import XLSX from "xlsx";3.具体代码() <el-button type="primary" size="medium" @click="exportExcel" >导 出</el-button >export

2021-03-23 11:27:58 753

原创 vue使用百度地图(自己记录)

vue使用百度地图1、打开public文件夹下的index.html2、引入百度地图信息<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=密钥"></script> <script type="text/javascript" src="//mapopen.cdn.bcebos.com/github/BMapGLLib/AreaRestr

2021-03-23 11:15:34 153

原创 使用element分页器进行新闻列表分页

vue使用element分页器1、循环数组进行编辑v-for="item in newList.slice( (currentpage - 1) * pagesize, currentpage * pagesize )"2、script标签里的数据 data() { return { newList:[ {}//... ], // 每

2021-03-23 11:00:34 581 1

原创 vue鼠标点击移动改变两个并排Div的宽度

效果图代码<template> <div class="root" ref="root"> <div class="left" ref="left"></div> <div class="center" ref="center"> <img src="../../assets/imgs/icons/拉伸.png" alt="拉伸" @mousedown="l

2020-12-08 15:17:21 644 1

原创 更改饿了么树形结构图标样式

更改饿了么树形结构图标样式把箭头样式更改为文件夹打开闭合样式,如果无子集则显示为空,自己搞出来的,跟大家分享一下,就直接上代码了/* 树形样式 */.el-tree{ padding: 0 0 0 20px;}.el-tree .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg);}.el-tree .el-icon-care

2020-11-10 10:26:06 1055

原创 前端请求后端返回的Excel文件

前端管理系统根据权限下载后台返回的Excel表格前端使用vue框架,不过无所谓,只是触发一个方法前端使用vue框架,不过无所谓,只是触发一个方法// 导出表格内容const table1_ajax = function (url) { var xhr = new XMLHttpRequest(); var formData = new FormData(); xhr.open('get', '/api/SyCooperation/' + url); xhr.set

2020-08-14 10:56:01 970

原创 前端名字加密

直接上js代码var name = '聂章帅'; function name_pass(params) { return params.substr(0,1)+ new Array(params.length).join('*'); } console.log(name_pass(name));

2020-07-03 16:22:21 255 3

原创 web前端打地鼠小游戏

<style> #beijing { margin: 0 auto; padding-top: 100px; width: 1200px; height: 700px; background: url(image/bg.jpg) no-repeat;...

2019-12-02 20:25:49 644

原创 汤姆猫小游戏

<style> #box{ margin: 100px auto; width: 320px; height: 512px; /* border: 1px solid skyblue; */ background-size: 320px 512px;...

2019-12-02 20:12:55 174

web前端打地鼠小游戏资源.zip

web前端打地鼠小游戏资源,图片,声音。 web前端打地鼠小游戏资源,图片,声音。 web前端打地鼠小游戏资源,图片,声音。 web前端打地鼠小游戏资源,图片,声音。

2019-12-02

汤姆猫小游戏图片声音资源.zip

汤姆猫小游戏图片声音资源,会说话的汤姆猫汤姆是一只宠物猫,他可以在您触摸时作出反应,并且用滑稽的声音完整地复述您说的话。您可以抚摸他,用手指戳他,用拳轻打他或捉他的尾巴。这里是一款关于《会说话的汤姆猫》的闯关益智游戏!

2019-12-02

空空如也

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

TA关注的人

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