Vue【转载】Vue Grid Layout -️ 适用Vue.js的栅格布局系统
摘要：优秀的文章，感谢原作者，转载收藏一下 https://blog.csdn.net/weixin_47746452/article/details/127922567
阅读全文
posted @ 2024-01-19 15:34
随笔分类 - Web
web大前端
数据可视化【原创】vue+arcgis+threejs 实现立体光圈闪烁效果
摘要：本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部
阅读全文
posted @ 2023-09-05 16:32
数据可视化【原创】vue+arcgis+threejs 实现流光立体墙效果
摘要：本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材：（有2个小图片哦，第二张是白色的乍一看看不见！） 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs
阅读全文
posted @ 2023-08-31 15:11
数据可视化【原创】vue+arcgis+threejs 实现流光边界线效果
摘要：本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部
阅读全文
posted @ 2023-08-30 16:15
数据可视化【原创】vue+arcgis+threejs 实现海量建筑物房屋渲染，性能优化
摘要：本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 先报备一下版本号 "vue": "^2.6.11" "@arcgis/core": "^4.21.2" "three": "^0.149.0" 语法：vue，ES6 其实现在主流很多海量建筑渲染的方案是加载3D
阅读全文
posted @ 2023-08-29 17:20
Vue【原创】基于elementui的【分组多选下拉框group-select】
摘要：效果图： 如图分为多选模式和单选模式。 group-select： 1 <template> 2 <div> 3 <el-select 4 v-model="innerValue" 5 :placeholder="placeholder" 6 @change="changeSelect" 7 :cl
阅读全文
posted @ 2023-08-29 15:30
Vue【原创】时间轴 【time-axis】&【date-axis】
摘要：封装了关于时间轴的组件，有时候统计页面会用到。 效果图： 时间轴分为2种，一种是time-axis：范围选择模式，一种是date-axis：步长选择模式。 代码中涉及到的工具类和图片资源，请移步页面底部的gitee地址下载源码。 time-axis： 1 <template> 2 <div clas
阅读全文
posted @ 2023-08-29 14:58
Vue【原创】可拖动列表 darg-list
摘要：可拖动排序的列表 drag-list，这个比较简单易懂，拿例子直接运行看效果就好了。 组件代码： 1 <template> 2 <ul class="list" ref="parentNode" @dragstart="onDragStart" @dragover="onDragOver" @dra
阅读全文
posted @ 2023-08-28 17:33
Vue【原创】基于【日历组件Calendar】的【节假日管理】功能整合
摘要：基于日历组件（lilo-calendar）的节假日管理功能整合。 效果图： 完整代码： 1 <template> 2 <div class="root-calendar"> 3 <div class="control-wrapper"> 4 <div class="year-wrapper"> 5
阅读全文
posted @ 2023-08-28 15:52
Vue【原创】日历组件Calendar
摘要：最近项目中封装了一个日历组件，用于节假日管理，支持输入默认选中的日期，选择管理日期。 效果图： calendar组件： 1 <template> 2 <div class="calendar"> 3 <slot name="title"> 4 <div class="calendar-title">
阅读全文
posted @ 2023-08-28 14:40
android webview调用js(vue)问题记录
摘要：这几天和别人对接移动端，安卓平台，我们这边输出vue界面，安卓方反馈轮询的时候调用不到，具体原因也定位不到，只能确定前端这边没几句代码，应该没有问题，因此决定自己下载个android studio写个例子，其实以前也做过java和android开发，并不陌生。 网上很多帖子只给出了最基础的例子，我们
阅读全文
posted @ 2023-08-28 09:57
数据可视化【原创】vue复合数字形式展示
摘要：做数据可视化的时候，经常碰到需要很灵活的数字形式展示。 先上个效果图： 如图包括名称，数量，别名，单位，上升下降，环比等等的复合数据展示，并且需要支持样式灵活配置。 此组件包括2个模块，父容器组件box-group，其中每一项的子组件box。 父组件 box-group 1 <template> 2
阅读全文
posted @ 2023-08-24 15:02
Vue【原创】下划线动态效果按钮，一般按钮模式，开关切换模式
摘要：效果图： 1.icon-button 一般按钮模式： 1 <template> 2 <div class="icon-button" :style="{ color: font.color }" @click="onclick"> 3 <i :class="[icon.type]" :style="
阅读全文
posted @ 2023-08-24 11:57
Vue【原创】千位符输入框（金额输入框）
摘要：最近和一个做金融的朋友讨论到千位符输入的问题，后来一想貌似自己项目中也会经常碰到金额数字这种输入框，要么自己做一个吧。 首先肯定要有一个正则表达式，也就是过滤器的方案里面常用的正则： 1 filters: { 2 _toThousandFilter(str, that) { 3 return tha
阅读全文
posted @ 2023-08-24 10:51
Vue【原创】整合el-dialog，可拖动可全屏最大化弹出框
摘要：项目中很多时候需要弹出框可以拖动并且可最大化，el-dialog是不满足的，这边采用指令的方式进行拓展。 先来个效果图： 首先来个v-darg指令： 1 import Vue from 'vue' 2 3 Vue.directive('alterELDialogMarginTop', { 4 ins
阅读全文
posted @ 2023-08-24 10:11
vscode+vue+stylus+github创建新项目
摘要：我这人记性不好，每次新建项目总是丢三落四，所以要用笔记录下来。 1.github创建项目 复制gihub项目路径，clone到本地工作空间 2.用vscode打开此文件夹 3.安装vetur插件 4.打开新终端，创建vue项目 vue init webpack test 会提示文件夹已存在，选择y，
阅读全文
posted @ 2021-03-18 11:39
