1H1R1M-优快云博客

原创 Vue3 Element-Plus 主题切换方案

文件中，设置标签的 “data-theme” 属性。6. 通过切换功能触发，可实现不同主题切换。注意：左右两个主题的变量名一样，值不同。3. 样式文件中创建不同主题对象。2. 单独创建主题的样式文件。4. 定义不同主题中的样式变量。

2023-09-12 14:47:51 754

原创 element form 无法清空表单问题记录

注意：（1）为每个 el-form-item 加上 prop 属性；（2）prop 属性命名与绑定参数的命名相同（3）resetFields()方法是重置表单，重置为默认值，而不是设置为空值初始值：清除 this.$refs.form.resetFields();...

2021-12-09 11:30:52 1442

一、下载安装nginx参照windows下nginx的安装及使用 - 将王相 - 博客园进行操作。二、遇到的问题：无法在powershell中停止nginx。在cmd中可以使用 start nginx 启动 nginx ；同时可以使用 nginx -s stop 关闭nginx。但是使用powershell只能启动，无法停止。（1）如图启动powershell（2）powershell中 start nginx 启动nginx可行。如图（3）powershell 停止...

2021-11-16 17:37:29 2168

原创在 uni-app 中使用 Cesium.js

#1）背景最近在做结合 uni-app 和 Cesium.js 的webgis开发项目，希望达到写一套前端代码应用（适配）到不同端（web，android，ios，小程序等）的项目。遇到一些问题，记录下来加强记忆，也希望能帮助到一些同学。下面罗列一些背景和工具：框架介绍：什么是uni-app？；第三方库：Cesium.js；目的：主要用Cesium做一个三维GIS系统，并使其可以在其他移动端运行；开发工具：HBuilderX；#2）遇到的问题web端引入...

2021-08-10 16:38:18 9737 93

原创 Cesium 加载 ArcGIS WMTS服务

（1）场景：使用Cesium加载ArcGIS的WMTS瓦片服务最近在项目中需要使用Cesium添加ArcGIS的WMTS服务，虽然根据网上的相关资料加载成功，但是还是遇到一些参数调整相关的问题，所以将过程中的一些步骤心得记录下来。（2）查看服务相关参数网上的资料主要借鉴https://blog.youkuaiyun.com/a873054267/article/details/86652620这里以该文章中的服务地址为例 http://61.175.211.102/arcgis/rest/se...

2021-05-25 14:47:01 4354 3

原创 Mapboxgl 分图层聚合

（1）使用场景：当聚合点位于多个要素的边界的时候，聚合点会根据距离进行聚合，忽略自身的属性，无法达到我们想要的效果。（2）效果：采用的一种方式是

2021-03-31 15:21:57 1865

原创 Mapboxgl + KrigingJS 实现插值图

（1）主要过程：结合Kriging.js 实现 Mapboxgl 上的插值图（2）效果：（3）代码HTML 、CSS：<head> <meta charset="UTF-8" /> <title>Mapboxgl(canvas) + kriging.js</title> <style> html, body, #map { widt

2021-03-31 12:05:46 2101 10

原创 Mapboxgl + TweenJS 实现图层属性的动画效果（地块抬升）

（1）主要过程：使用统一的数据源，通过mapboxgl.setFilter方法对选中的图层进行筛选；在图层属性变化的过程中（setPaintProperty）使用TweenJS动画补间实现动态变化（2）效果：（3）代码HTML 、CSS：<!DOCTYPE html><html lang="ZH-CN"> <head> <meta charset="UTF-8" /> <meta http-

2021-03-30 16:53:04 1547

原创 iView 4.* 自定义侧边栏触发器（修正）

#1）问题：去年刚接触vue，写过要给通过iView框架自定义侧边栏触发器的布局内容。当时对vue和它的生态一窍不通，也没什么基础，所以之前的那篇文章还有许多问题。但是还有两个小伙伴有问到其中菜单伸展隐藏的问题，借此机会重新把之前写的整理一下，同时解决一下之前没有解决的问题，希望能给一些小伙伴一些帮助。#2）过程：2.1 依赖包，"view-design":"^4.3.2"2.2 vue-cli创建一个hello项目（过程略）2.3 使用iView官网的布局模板2.4 左侧侧..

2020-08-17 17:23:28 804

原创 sentinel-2数据下载大气校正

#1），下载sentinel-2数据进入欧空局（ESA）网站下载影像。网站地址：【https://scihub.copernicus.eu/dhus/#/home】注册并登陆。右键框出目标区域，并选择影像时间（Sensing period），影像类型（Sentinel-1 / Sentinel-2 / Sentinel-3），影像参数（Satellite Platform 等），然...

2019-05-10 15:00:15 8092 29

转载【Vue+iView】根据iView提供的实例（iview-project-3.0）作为模板开始新项目遇到的问题

#1）记录说明：使用iview提供的脚手架、下载iview脚手架实例（iview-project-3.0）。下载实例后，需要安装node，npm，webpack#2）安装node.js说明：如何检查Node.js是否安装正常在命令提示符面板中，输入命令：node -v输入命令【npm -v】，可查看当前npm的版本#3）安装webpack通过cmd进入项目根目录文...

2019-03-31 22:29:01 2491

原创 vue+iview 自定义侧边栏（Sider）触发器（trigger）

#1），记录原因描述：想要修改Sider的样式（背景颜色），通过给Sider设置了新的class后，背景颜色虽然修改了，但是低端的触发器样式仍然是Menu组件的”Dark“主题样式。查看官方文档知道，Sider 可以设置hide-trigger属性来隐藏默认触发器。#2），模板：模板大致是iView官方文档中的“Layout布局”中的其中一个。截图如下，代码见官网：#3），修...

2019-03-31 22:13:25 9624 8

1H1R1M的博客