摘要：
<template> <div> <div class="container" style="height: 650px; width: 100%" ref="mapContainer" v-loading="loading" element-loading-background="rgba(0, 阅读全文
posted @ 2025-02-25 17:17
刘酸酸sour
阅读(49)
评论(0)
推荐(0)
摘要：
<template> <div class="eWrap" :style="{ height: divHeight }" ref="element"> <div id="echartsDom"></div> </div> </template> <script> import * as echart 阅读全文
posted @ 2025-02-25 17:11
刘酸酸sour
阅读(323)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>【每日一练】91—CSS实现活跃读者列表的鼠标悬停动画效果</title> </head> <body> <section> <div class="box"> <h3>活跃读者排 阅读全文
posted @ 2025-02-25 16:55
刘酸酸sour
阅读(12)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <title>【每日一练】107—CSS实现一款水滴注册登录页面的动画效果</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <d 阅读全文
posted @ 2025-02-25 16:54
刘酸酸sour
阅读(7)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <title>【每日一练】106—CSS实现一款圆形水滴卡片UI的效果</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div 阅读全文
posted @ 2025-02-25 16:54
刘酸酸sour
阅读(18)
评论(0)
推荐(0)
摘要：
1.引入图片 import iconUrl from '../assets/gas_station.png'; 2.在legend里面定义icon legend: { data: ['审批完成', '待审批', '驳回'], icon: ('image://' + iconUrl + ''), it 阅读全文
posted @ 2025-02-25 16:51
刘酸酸sour
阅读(215)
评论(0)
推荐(0)
摘要：
1、需要配合vue-seamless-scroll插件 npm install vue-seamless-scroll --save 2.可以全局注册也可以局部注册（以下我是全局注册—在main.js如下操作） import vueSeamlessScroll from 'vue-seamless- 阅读全文
posted @ 2025-02-25 16:50
刘酸酸sour
阅读(728)
评论(0)
推荐(0)
摘要：
1.在src中新建directive文件夹，并且新建dialogDrag.js文件，内容如下 import Vue from 'vue' // v-dialogDrag: 弹窗拖拽属性 Vue.directive('dialogDrag', { bind (el, binding, vnode, o 阅读全文
posted @ 2025-02-25 16:47
刘酸酸sour
阅读(75)
评论(0)
推荐(0)
摘要：
// 安装 pinyin-match npm install pinyin-match --save 2.引入 import PinyinMatch from 'pinyin-match' 3.ele下拉框 :filter-method="handleFilter" <el-select filte 阅读全文
posted @ 2025-02-25 16:27
刘酸酸sour
阅读(364)
评论(0)
推荐(0)
摘要：
给表格添加一个key 设置一个布尔值 操作表格时取反 阅读全文
posted @ 2025-02-25 16:24
刘酸酸sour
阅读(26)
评论(0)
推荐(0)
摘要：
<draggable :list="state.list" //绑定的数据 :group="groupA" //绑定拖拽规则 ghost-class="ghost" chosen-class="chosenClass" animation="300" //动画延时 @start="onStart" 阅读全文
posted @ 2025-02-25 16:21
刘酸酸sour
阅读(82)
评论(0)
推荐(0)
摘要：
菜单效果 <template> <div class="appLayout"> <el-container> <el-header> <div class="title"> <img src="../../assets/muxianImg/applogo.png" style="padding: 1 阅读全文
posted @ 2025-02-25 16:20
刘酸酸sour
阅读(20)
评论(0)
推荐(0)
摘要：
1.多种备份方式显示和操作 逻辑 <template> <div class="container"> <el-card class="boxCard"> <div class="cardHeader"> <div class="headerImg"></div> <div class="heade 阅读全文
posted @ 2025-02-25 16:18
刘酸酸sour
阅读(5)
评论(0)
推荐(0)
摘要：
/*! * * bttn.css - https://ganapativs.github.io/bttn.css * * Demo: https://bttn.surge.sh * Licensed under the MIT license - http://opensource.org/lice 阅读全文
posted @ 2025-02-25 15:50
刘酸酸sour
阅读(32)
评论(0)
推荐(0)
摘要：
1.js文件 import Vue from 'vue' // v-dialogDrag: 弹窗拖拽 Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { //初始非全屏 let isFullScreen = false 阅读全文
posted @ 2025-02-25 15:47
刘酸酸sour
阅读(713)
评论(0)
推荐(0)
摘要：
偶然间跟一个前端大佬学习了一个用vue写的贪吃蛇小游戏，一个小demo 感觉挺好玩，就纪录下来了 直接全代码 <template> <div> <div class="title" :class="isShowTitle ? 'titlebg' : ''"> <span>分数：{{ score }} 阅读全文
posted @ 2025-02-25 15:44
刘酸酸sour
阅读(29)
评论(0)
推荐(0)
摘要：
1.地图文件编辑mapshaper https://mapshaper.org/ 2.首先将你要合并的地图文件，添加字段标识，name同级添加，名字自定义比如“area”。 举个栗子，我要将崇明区和长兴区合并成一个新区域叫新区，那么就在两个区域下面添加 "area": "新区", 3.整理好要合并地 阅读全文
posted @ 2025-02-25 15:40
刘酸酸sour
阅读(47)
评论(0)
推荐(0)
摘要：
1.在assets文件夹下建js/bus.js import Vue from 'vue' export default new Vue() 2.在执行跳转的页面引入bus.jsimport Bus from '@/assets/js/bus' /* *跳转随访计划 */ toHz() { this 阅读全文
posted @ 2025-02-25 15:35
刘酸酸sour
阅读(41)
评论(0)
推荐(0)
摘要：
import request from "***/request"; const list = { methods: { handleSelectionChange(row) { this.multipleSelection = row }, handleDelete(id) { if (!id) 阅读全文
posted @ 2025-02-25 15:32
刘酸酸sour
阅读(11)
评论(0)
推荐(0)
摘要：
整个页面Demo如下： <template> <div id="home"> <section id="top-section"> <label for="">svg路径：</label> <el-input v-model="svgPath" size="small"></el-input> <e 阅读全文
posted @ 2025-02-25 15:17
刘酸酸sour
阅读(30)
评论(0)
推荐(0)
摘要：
变色动画 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>教程(runoob.com)</title> <style> .box { width: 100px; height: 100px; background: red; a 阅读全文
posted @ 2025-02-25 15:12
刘酸酸sour
阅读(3)
评论(0)
推荐(0)
摘要：
1.在utils里新建devicePixelRatio.js文件 /** * @author huangjf * @description 校正windows页面在系统进行缩放后导致页面被放大的问题，通常放大比例是125%、150% * **/ class DevicePixelRatio { co 阅读全文
posted @ 2025-02-25 15:10
刘酸酸sour
阅读(112)
评论(0)
推荐(0)
浙公网安备 33010602011771号