之前写过一个类似的效果,vue element ui NavMenu 导航菜单 自定义样式,这次需要一个白色背景的,有部分逻辑变动,记录一下,方便后期选择使用。
使用
<main-sidebar :openeds="[1]" active="...
3年前 (2022-07-22)
喜欢
uniapp input 输入框限制只能输入数字和字母
使用组件
<inputFilter :value.sync="data.IDCardNum"></inputFilter>
组件代码
/**
* @Author: 8588340...
3年前 (2022-07-22)
喜欢
Vue 实现日历日程表效果
使用到的组件
"@fullcalendar/core": "^4.3.1",
"@fullcalendar/daygrid": "^4.3.0",
"@fu...
3年前 (2022-07-21)
喜欢
vue 将字节转为需要的格式,如KB MB GB
使用组件
<nFormatter :num="scope.row.fileSize"></nFormatter>
转换组件
/**
* @Author: 858834013@qq.co...
3年前 (2022-07-20)
喜欢
vue pc端实现防抖的方法,记录一下,留待复用。
安装依赖
cnpm i lodash --save
引用依赖
import debounce from 'lodash/debounce'
使用
// 保存
saveData: debounce(function () {
...
3年前 (2022-07-20)
喜欢
uniapp 微信小程序开发时 要求输入框只能输入3位小数,在测试时,发现小数点竟然可以多次输入,所以小数点也要限制,只能输入1个小数点才可以。代码记录,方便以后翻阅。
使用
<inputFilterDot @confirm="getPrice" :va...
3年前 (2022-07-20)
喜欢
echarts饼状图中间实现层叠阴影效果,饼状图之间边线分割
/**
* @Author: 858834013@qq.com
* @Name: tiaozhafenxi
* @Date: 2022-07-19
* @Desc: 跳闸
*/
<template>
...
3年前 (2022-07-20)
喜欢
echarts要实现饼状图,中间有个环形渐变区域可以通过ec画出来,但是这个图片,调了几次都不好放在中间,于是只能采用css的方式定位在中间了。为了避免增加遮罩后,遮挡住echarts的效果,于是给遮罩增加了一个穿透点击
代码
<template>
<di...
3年前 (2022-07-20)
喜欢
js在css动画执行到一定时间后,需要暂停动画,这里使用js进行控制。
html
<img src="../images/tagbg.png" id="xuanzhuan" class="xuanzhuan tagbg" alt="">
js
setTimeout...
3年前 (2022-07-19)
喜欢
vue项目开发要求请求接口数据是formData格式的,因为是使用的新框架,并没有修改原有的封装方法,只是使用js将json数据转为formData格式的数据传给接口。
const formData = new FormData();
Object.keys(this.dataF...
3年前 (2022-07-19)
喜欢