WMW_wmw的博客

效果图实现方式使用animation加上背景渐变色蒙层代码如下 <div class="list-block marquee"> <div class="list"> <div v-for="(item, index) in QueryCockpit" :key="index" class="dongtai"> <span&g

展示浙江台州的区县时发现页面报错，找了一圈发现文件里不一样的地方就是玉环市JSON里面有一个"type": “GeometryCollection”修改node_modules\echarts\lib\coord\geo\parseGeoJson.js代码/* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE fi

效果图实现原理，用两个进度条 通过定位叠加在一起，红色部分使用transform代码 <el-progress class="circle1" :width="81" type="circle" :stroke-width="5" :percentage="70"

最终效果图 <el-progress class="circle0" :width="140" type="circle" :stroke-width="20" percentage="测试" ></el-progress> <svg width="100%" height="0"> <defs> <linearGradient id="write" x1="0%" y1="

效果图1.显示打开选择器的默认时间 default-value<el-date-picker :default-value="defaultValue" type="daterange" v-model="timerScope" ></el-date-picker>data(){return { defaultValue: [

效果图修改前修改后实现方式1.创建js文件import { Message } from 'element-ui'//封装弹框const msgs = (type,msg1,msg2) => { if(msg1){ msg1=`<p class="el-message-title-top">${msg1}</p>` }else{ msg1='' } if(msg2){

先上传文件，第一个接口会返回一个文件id,用文件id调用第二个接口，会返回文件进度。200毫秒轮询一次，当进度接口返回100时，取消轮询。 <div class="flex-wrap"> <i class="iconfont icon-wenjianshangchuan gc-ft-shallowGray" :class="isUp ? 'green' : ''" ><

效果图，把下三角改为“展开“ ‘’收起‘’，增加边框要点：把左侧三角符号的显示挪到右侧，去除转换方向，icon变为文字。实现效果主要是css，其他根据官网代码来实现/*树形图*/.el-tree { .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #06CCC5; bo

<el-select v-model="item.value" @change="((val)=>{changeStatus(val,xxxx)})"> <el-option v-for="item in options" :key="item.key" :label="item.label" :value="item.id"> </el-option></el

对选中的tree做上下移动操作需要下标判断当前的位置，用以判断上移下移的显示，和获取上下位置的tree的id难点：目前不知道当前tree的下标解决方法：tree有个node，可以获取当前tree所有内容，其中parent.childNodes 可以获取到当前tree的列表，对这个列表循环判断得出下标。效果：代码片段： <el-tree :data="data" :props="defaultProps" node-