摘要: 1、安装Echarts高德地图扩展echarts-extension-amap; npm i echarts-extension-amap --save 2、引入Echarts和高德地图; npm i echarts --save npm i @amap/amap-jsapi-loader --sa 阅读全文
posted @ 2024-11-21 09:57 显示昵称已被使用# 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 使用高德地图创建区域掩模,参考高德地图api,效果如下: 不难发现绘制的地图自带了默认的颜色和背景图,如图: 需求为需要透出父元素中的背景图,那么就需要将绘制高德地图节点和canvas的背景去除。 1、可通过直接设置CSS去除类名 amap-container 的背景图; .amap-contain 阅读全文
posted @ 2024-11-20 17:03 显示昵称已被使用# 阅读(8) 评论(0) 推荐(0) 编辑
摘要: Vue项目使用less语法时报错如图: 错误原因: 由于组件库的less版本低,与配置的默认值不同导致。 解决方法: 在vue.config.ts文件中添加自定义配置项。 1、vite: module.exports = { css: { preprocessorOptions: { less: { 阅读全文
posted @ 2024-07-11 15:08 显示昵称已被使用# 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 使用CSS3的clip-path实现不规则图形裁剪,结合CSS3 animation实现粒子下落动画效果,如下: html: 创建不规则容器及下落的粒子节点; <div class="particle"> <i v-for="item of 20" :key="item" class="partic 阅读全文
posted @ 2024-07-11 14:44 显示昵称已被使用# 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 思路: 1、使用openChange、calendarChange获取当前选中时间; 2、计算不可选范围。 输入框配置项代码如下: (新增)需要引入moment组件: import moment from 'moment'; // 默认选择当前月 const rangeThisMonth = () 阅读全文
posted @ 2024-05-16 15:56 显示昵称已被使用# 阅读(205) 评论(0) 推荐(0) 编辑
摘要: (更正)百科得新能源车牌号编码特殊规则如图: 正则表达式及校验函数如下: function isValidCarNumber(vno: string) { var pattern7 = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽赣贵粤青藏川宁琼使领][A-Z][A-Z0-9]{4}[A- 阅读全文
posted @ 2024-05-08 14:54 显示昵称已被使用# 阅读(445) 评论(0) 推荐(0) 编辑
摘要: antd RangePicker设置mode=['month', 'month']后,disabledDate不能控制前后禁用的时间。 config.ts代码如下: { field: 'dateTime', label: '时间', component: 'RangePicker', compone 阅读全文
posted @ 2024-04-29 16:43 显示昵称已被使用# 阅读(378) 评论(0) 推荐(0) 编辑
摘要: 在ts项目中使用高德地图,为了方便使用类型检测及类型提示,需引入高德地图的类型文件,操作如下: 1、引入 @amap/amap-jsapi-types 插件 npm i -S @amap/amap-jsapi-types 2、新建类型文件/src/types/index.d.ts import '@ 阅读全文
posted @ 2024-04-09 17:52 显示昵称已被使用# 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 效果如图: 学习了一下Excel的函数,记不住。 找到如下解决办法: 一、.txt -> .docx -> .xlsx 1、.txt文件直接复制到.docx文件后,会保留换行符,再将.docx文件复制到.xlsx文件,得到自动拆分行后的数据,效果如下图: 2、全选.xlsx数据,选择顶部操作【数据- 阅读全文
posted @ 2024-04-03 17:04 显示昵称已被使用# 阅读(1565) 评论(0) 推荐(0) 编辑
摘要: 大屏项目中,一般需要在不同分辨率上显示居中显示大屏内容,且不出现滚动条。实际展示大屏的硬件设备比例不一,为了兼容,并且不出现UI被拉伸的情况,发现可以使用CSS3的transfrom-scale属性,并配合CSS变量实现。 其中transfrom-scale用在大屏绘制最外层盒子上,盒子内的样式按照 阅读全文
posted @ 2024-03-29 17:14 显示昵称已被使用# 阅读(158) 评论(0) 推荐(0) 编辑