摘要：本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材：（有2个小图片哦，第二张是白色的乍一看看不见！） 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs
阅读全文
摘要：本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部
阅读全文
摘要：本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 先报备一下版本号 "vue": "^2.6.11" "@arcgis/core": "^4.21.2" "three": "^0.149.0" 语法：vue，ES6 其实现在主流很多海量建筑渲染的方案是加载3D
阅读全文
摘要：效果图： 如图分为多选模式和单选模式。 group-select： 1 <template> 2 <div> 3 <el-select 4 v-model="innerValue" 5 :placeholder="placeholder" 6 @change="changeSelect" 7 :cl
阅读全文
摘要：封装了关于时间轴的组件，有时候统计页面会用到。 效果图： 时间轴分为2种，一种是time-axis：范围选择模式，一种是date-axis：步长选择模式。 代码中涉及到的工具类和图片资源，请移步页面底部的gitee地址下载源码。 time-axis： 1 <template> 2 <div clas
阅读全文
摘要：可拖动排序的列表 drag-list，这个比较简单易懂，拿例子直接运行看效果就好了。 组件代码： 1 <template> 2 <ul class="list" ref="parentNode" @dragstart="onDragStart" @dragover="onDragOver" @dra
阅读全文
摘要：基于日历组件（lilo-calendar）的节假日管理功能整合。 效果图： 完整代码： 1 <template> 2 <div class="root-calendar"> 3 <div class="control-wrapper"> 4 <div class="year-wrapper"> 5
阅读全文
摘要：最近项目中封装了一个日历组件，用于节假日管理，支持输入默认选中的日期，选择管理日期。 效果图： calendar组件： 1 <template> 2 <div class="calendar"> 3 <slot name="title"> 4 <div class="calendar-title">
阅读全文
摘要：这几天和别人对接移动端，安卓平台，我们这边输出vue界面，安卓方反馈轮询的时候调用不到，具体原因也定位不到，只能确定前端这边没几句代码，应该没有问题，因此决定自己下载个android studio写个例子，其实以前也做过java和android开发，并不陌生。 网上很多帖子只给出了最基础的例子，我们
阅读全文
摘要：做数据可视化的时候，经常碰到需要很灵活的数字形式展示。 先上个效果图： 如图包括名称，数量，别名，单位，上升下降，环比等等的复合数据展示，并且需要支持样式灵活配置。 此组件包括2个模块，父容器组件box-group，其中每一项的子组件box。 父组件 box-group 1 <template> 2
阅读全文
摘要：效果图： 1.icon-button 一般按钮模式： 1 <template> 2 <div class="icon-button" :style="{ color: font.color }" @click="onclick"> 3 <i :class="[icon.type]" :style="
阅读全文
摘要：最近和一个做金融的朋友讨论到千位符输入的问题，后来一想貌似自己项目中也会经常碰到金额数字这种输入框，要么自己做一个吧。 首先肯定要有一个正则表达式，也就是过滤器的方案里面常用的正则： 1 filters: { 2 _toThousandFilter(str, that) { 3 return tha
阅读全文
摘要：项目中很多时候需要弹出框可以拖动并且可最大化，el-dialog是不满足的，这边采用指令的方式进行拓展。 先来个效果图： 首先来个v-darg指令： 1 import Vue from 'vue' 2 3 Vue.directive('alterELDialogMarginTop', { 4 ins
阅读全文
