百里屠苏top - 博客园

2025年4月3日

摘要：一、头部在modelTitle.vue 中完整代码： <script setup> </script> <template> <div class="box-head"> <dv-decoration8 style="width:300px;height:50px;" /> <div class 阅读全文

posted @ 2025-04-03 10:46 百里屠苏top 阅读(66) 评论(0) 推荐(0)

No.6可视化大屏--vite+vue3 项目模块划分

摘要：一、项目模块划分做类似这样的显示屏。 1.1 添加背景背景一般是深色的纯色、渐变色或者背景图片。效果： 1.2 模块划分在index.vue中引入刚创建的几个模块：修改一下字体颜色：效果：阅读全文

posted @ 2025-04-03 10:14 百里屠苏top 阅读(91) 评论(0) 推荐(0)

No.5可视化大屏--vite+vue3 DataV组件使用

摘要：一、DataV-Vue3 1.1 安装官网：https://datav-vue3.netlify.app/Guide/Guide.html npm install @kjgl77/datav-vue3 1.2 引入 // main.js中全局引入 // main.js中全局引入 import { 阅读全文

posted @ 2025-04-03 09:04 百里屠苏top 阅读(672) 评论(0) 推荐(0)

2025年4月1日

No.4可视化大屏--vite+vue3 Flex布局和grid布局

摘要：一、Flex 弹性盒子布局（一维布局） <script setup> </script> <template> <div> <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class=" 阅读全文

posted @ 2025-04-01 17:02 百里屠苏top 阅读(252) 评论(0) 推荐(0)

4-ArcgisPro--添加无标注的底图

摘要：在ArcGIS 3.0中，新建一个地图会自带两个图层，分别是 World Topographic Map 和 World _Hillshade，也就是世界地形图和世界山体阴影，这套底图的颜色和符号的使用都非常美观。但是我们在制图时，有时候想利用这个底图，却不想使用地图中的标注。而这个标注是没办法通阅读全文

posted @ 2025-04-01 10:00 百里屠苏top 阅读(365) 评论(0) 推荐(0)

2025年3月31日

No.3 可视化大屏--vite+vue3 规划页面布局

摘要： 1.布局美工去做设计 1.1中心环绕布局 1.2左右布局： 1.3上下布局： 2.响应式布局 3.自适应布局 4.可以自定义CSS样式。然后在main.js文件中引用阅读全文

posted @ 2025-03-31 22:10 百里屠苏top 阅读(180) 评论(0) 推荐(0)

No.2 可视化大屏--vite+vue3 路由的定义

摘要： 1.创建views文件夹，然后在文件夹下创建index.vue 第二步：在index.js 中第三步：在APP .vue 中结果：阅读全文

posted @ 2025-03-31 21:44 百里屠苏top 阅读(62) 评论(0) 推荐(0)

No.1 可视化大屏--vite+vue3项目环境搭建

摘要：一、DataV-Vue3 1.1 安装官网：https://datav-vue3.netlify.app/Guide/Guide.html npm install @kjgl77/datav-vue3 一、vite3构建Vue3项目 1.1 什么是Vite 1.2创建vite3项目第一步：新建一阅读全文

posted @ 2025-03-31 21:01 百里屠苏top 阅读(400) 评论(0) 推荐(0)

2025年3月25日

No.70 Vue---实践--我的网站

摘要：一、避坑指南 1.关于路径问题也不要使用绝对路径 <template> <div class="home">  <div class="signature"> <div class="signature-text"> <h4 id="hometitle1">在地图上绘制每阅读全文

posted @ 2025-03-25 17:46 百里屠苏top 阅读(14) 评论(0) 推荐(0)

2025年3月17日

No.69 Vue---加载Element—plus

摘要：一、Element elementui官网 1.1 安装 1.2 完整引用如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便第一步：在主文件中导入第二步去Element 官网复制代码去：粘贴到helloworld.vue中效果： 1.3 按需导入按需导入才是我们的最爱，毕竟在真阅读全文

posted @ 2025-03-17 17:01 百里屠苏top 阅读(44) 评论(0) 推荐(0)