- 2024-11-15echart图的圆环
constecharts7=ref(null);functioninit(){varmyEchart=echarts.init(echarts7.value)letnameList=Object.keys(serisesData.value)letvalueList=Object.values(serisesData.value)letcolorList=['#FAAD14','#13C2C2
- 2024-11-07一篇帮你搞懂ECharts图表构建
目录一、引入 主要功能和应用场景:完全版本:二、一个实例 1.大框架2.设置大标题3.设置提示标签4.设置每个柱形数据的背景颜色5.设置柱形数据背景边框6.设置图例小角标7.拖拽手柄8.设置X轴9.设置Y轴10.设置数据11.设置边框完整版本:一、引入 ECharts是
- 2024-08-20hdu2604
用f(n)表示n个人满足条件的结果,那么如果最后一个人是m的话,那么前n-1个满足条件即可,就是f(n-1); 如果最后一个是f那么这个还无法推出结果,那么往前再考虑一位:那么后三位可能是:mmf,fmf,mff,fff,其中fff和fmf不满足题意所以我们不考虑,但是如果是 mmf的话那么前n-3可以找满足条件的
- 2024-08-14vue3 antdv a-datepicker 修改datepicker 的panel宽度,初始弹出一些正常,但再次弹出,宽度就再次变小的解决
1、展示页面的框架结构:2、然后,我们上二张图对比一下:图1-1需要的效果图:图1-2对比一下图1-1与图1-2,我们就会发现图1-1中的农历,换行显示了,第二张是有效的。3、我们修改样式,让其变成我们想要的样式:<stylelang="less"scoped>@width:425px;.lua-date-picker-cust
- 2024-08-05js动态构建属性名并访问其对象属性(动态的对象或着数组名)
js动态构建属性名并访问其对象属性(动态属性访问)在开发中有时会遇到这种情况:你写了很多的函数,写完发现他们的操作逻辑都是相同的,但是原始数据不同,如:/*获取区域,道路拥堵指数对应的色标*/makeCongestionColor(num){letoutColor='#fff'letcol
- 2024-07-19移动端步骤3 自动伸缩
<template><divclass="pt80mt10f14cor3pr10pl10"v-if="stepList&&stepList.length"><divclass="step-item"v-for="(item,index)instepList":key="index">
- 2024-07-15文字过渡动画(叠加颜色)
1.jsfunctionaniText(){ varPC=$(window).width()>1200, mobile=$(window).width()<=1200, winWidth=$(window).width(), winHeight=$(window).height(); if(mobile){}
- 2024-07-08element-plus自定义弹框头背景色
1.效果如下:弹框头部定制背景色;关闭按钮和标题对齐;鼠标悬浮关闭按钮颜色变浅。2.用到element-plus版本: "element-plus":"2.7.6",3.具体思路:整个弹框的背景色改成蓝色,padding:0;header、body、footer背景色改成白色,字体黑色不变;padding给20px;关闭按钮高度
- 2024-05-29css 特殊进度条
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=
- 2024-05-22ZingChart折线图
代码案例,参考<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>ZingSoftDemo</title><scriptnonce="undefined"src="https://cdn.zingchart.com/zingchart.min.js"></scrip
- 2024-04-08css 实现排行榜向上滚动
使用动画实现无线向上滚动复制一层dom,使用动画向上滚动,鼠标hover的时候暂停动画<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">
- 2024-04-0459.html+css网页设计实例/“美食”主题中华美食介绍/web前端期末大作业/
一、前言 本实例以“美食”角色为主题设计,应用div+css布局、代码简单,为学生初等水平,是个不错的模板,供大家参考。【关注作者|获取更多源码(2000+个Web案例源码)|优质文章】;您的支持是我创作的动力!【点赞收藏博文】,Web开发、课程设计、毕业设计有兴趣的联系我交流分享,3Q!二
- 2024-03-22echarts 实现漏斗图中心、右侧同时显示
效果图:代码实现:letoption={ tooltip:{ trigger:'item', formatter:'{b}:{c}%' }, labelLine:{ show:true }, series:[{ name:'漏斗', type:'funnel', top:10,
- 2023-12-29sed 命令针对某一行进行替换
sed命令针对某一行进行替换操作 sed-i'3s/aaa/fff/'file--表示针对file文件中的第三行,将其中的aaa替换为fffsed-i'/xxx/s/aaa/fff/g'file--表示针对文件,找出包含xxx的行,并将其中的aaa替换为fffsed-i'1s/[#*]/fff/gp'file--表示针对文件第1
- 2023-12-26HTML 首页 欢迎页
HTML首页欢迎页,将下面代码复制出来,贴到HTML中,直接运行<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="vi
- 2023-12-20滚动阴影解决方案
1.backgroud,限制高度,加overflow,codeopen,.g-scroll{top:-1px;position:relative;height:500px;overflow-y:scroll;overflow-x:hidden;background:linear-gradient(#fff,transparent)top/100%100px,radial-grad
- 2023-12-13纯CSS实现可自定义间距虚线边框
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><style>.border-wrapper{position:relative;margin:100pxau
- 2023-12-04幂次方
[NOIP1998普及组]幂次方题目描述任何一个正整数都可以用的幂次方表示。例如$137=27+23+2^0$。同时约定次方用括号来表示,即可表示为。由此可知,可表示为进一步:(用表示),并且。所以最后可表示为。又如所以最后可表示为。输入格式一行一个正整数。输出格式符
- 2023-10-18vue3.x增加数据功能
具体代码<template><el-form:model="form":rules="rules"ref="ruleFormSSS"label-width="120px"><el-form-itemlabel="用户姓名"prop="name"><el-inputv-model="form.
- 2023-10-18cesium 3dtils 房屋打组 实现单个房屋选中效果
效果 scenetree.json记录的是模型的数据,这种element的节点上记录的name就是建模时给建筑物打组时起的名字,后面cesium创建模型时,建筑物上的每个feature都会添加这个name参数,根据这个name参数可以找到这个模型中的所有feature handler.setInputAction((event)=>
- 2023-10-03深航电企业评价评级系统可视化(HTML,CSS,JS)
一.项目背景深航电企业评价评级系统EERS是一款企业绩效评价平台,旨在为企业提供科学、全面、精准的绩效评价服务,帮助企业发现问题、改进管理,提高整体绩效。EERS评级系统借助大数据、云计算、人工智能等现代技术手段,将企业绩效数据进行多维度、系统化、动态化分析,为企业提供可视化
- 2023-09-07All Pairs Maximum Flow题解
前置知识:1.P3376【模板】网络最大流2.P4897【模板】最小割树(Gomory-HuTree)Ebola有一句很著名的话如果你乱搞过了我请你抽烟那么这道题肯定不能普通的dinic直接水过去,不然就不是紫题了,那么直接祭出最小割树,复杂度\(O(Tn^3m)\),但是因为dinic跑不满,所以是可以过的。
- 2023-07-25登录
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>登录</title><style>bo
- 2023-07-25注册
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>注册</title><style>bo
- 2023-06-21单标签下的日间/黑夜模式切换按钮效果
前不久,在网上看到这么一张非常有趣的图:想必很多同学都看到这张图,是一个开发小哥被一个日间/黑夜模式切换按钮效果逼疯的视频。其最终效果大致如下:原完整代码在这里:Night&&DayToggle☀️/