相关文章
Vue整合甘特图(横道图、Gantt)实例
Vue整合甘特图(横道图、Gantt)实例
引入相应的模块:
cnpm install gantt-elastic --save
cnpm install gantt-elastic-header --save
cnpm install dayjs --saveVue代码部分:
<template><div><!--横道图&#x…
建站知识
2025/1/21 4:45:42
vue3 openlayers--添加图片图标
openlayers官网:OpenLayers - Welcomehttps://openlayers.org/
1、页面
<template><div id"map" class"my_map"></div>
</template>
2、导入
import { onMounted, shallowRef } from "vue";
import { Ma…
建站知识
2024/12/5 8:09:38
GraphViz DOT有向图 (一)元素说明
目录 GraphViz图基本元素说明node常用属性edge常用属性graph全局属性 GraphViz图基本元素说明 E, N, G, S 和 C 相当于 edges, nodes, the root graph, subgraphs 和 cluster subgraphs Graph属性: 定义图的大小,样式,元素的排列方向…
建站知识
2024/12/9 16:53:50
Vue3+vite使用svg图标
1.安装vite-plugin-svg-icons
yarn add vite-plugin-svg-icons -Dnpm i vite-plugin-svg-icons -D
2.在vite.config.js中进行配置
import { createSvgIconsPlugin } from vite-plugin-svg-iconsexport default defineConfig({plugins:[vue(),createSvgIconsPlugin({// 指定需…
建站知识
2024/12/13 12:46:07
element-plus全局导入所有图标
步骤1:安装element plus的图标
npm install element-plus/icons-vue(安装好了可以在package.json里面检查一下是否真的安装好了,如下及安装成功) 步骤2:在main.js里面全局导入element plus图标
import * as ELIcon…
建站知识
2024/10/15 0:21:53
Vscode plantuml UML图 配置使用
安装 Java 环境
注意配置 $JAVA_HOME 环境变量 配置完毕后启动 Windows Shell 执行 java -showversion 命令查看 Java 版本,以确定 Java 环境是否准备成功。
安装 GraphViz 程序
下载地址:http://www.graphviz.org/Download_windows.php 一般都是64位…
建站知识
2024/12/8 22:45:27
vue实践 Leaflet地图标注(图注,位置)带数字对应显示
效果:
leaflet地图容器的初始化和图层的加载就不说了,都是基础。 上图用的是天地图,以下是在vue中
步骤 上图效果图主要为地图页面,和右侧列表页面
主页面地图页面 index.vue 里(地图页面)列表页面queryResult
<…
建站知识
2025/1/13 16:50:13
问题:在vite+vue3中使用高德地图Marker引用本地图标路径问题
高德地图Marker引用本地图标路径问题
方式一:require(‘./xxxx’)
若未能生效,报错require is notxxxxxx 见方式二三
方式二:import img from ‘./xxxxx/’
方式三:icon:new URL(‘./xxxxxx’, import.meta.url…
建站知识
2025/1/14 2:56:21