风情，更与何人说-优快云博客

直接上代码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 1009

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

2022-04-18 17:08:13 22219 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 3648

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

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

2021-07-16 10:23:08 1064

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

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

2021-07-16 09:45:44 407

原创 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 3502 12

原创 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 1327

原创 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 341

原创使用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 1233 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 1027 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 1683

原创前端请求后端返回的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 1698

原创前端名字加密

直接上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 469 3

原创 web前端打地鼠小游戏

2019-12-02 20:25:49 1052 2

原创汤姆猫小游戏

2019-12-02 20:12:55 404

前端表单身份证验证js文件

2024-01-04

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

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

2019-12-02

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

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

2019-12-02

空空如也

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

TA关注的人

Shuai_YeYe的博客

原创若依框架模态框拖拽，拖拉改变弹框高度宽度

原创前端表单身份证验证

原创下载后端返回的二进制流

原创 VUE项目使用vue-esign签字版功能

原创手写element穿梭框效果

原创 element el-date-picker 月份区间选择月初到月末

原创 el-cascader只让选择第四级，如果不到第四级则禁用

原创 uniapp微信小程序获取当前定位

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

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

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