Binyy Wuhan

i love Flex i come from Wuhan

导航

2024年1月19日 #

Vue【转载】Vue Grid Layout -️ 适用Vue.js的栅格布局系统

摘要: 优秀的文章,感谢原作者,转载收藏一下 https://blog.csdn.net/weixin_47746452/article/details/127922567 阅读全文

posted @ 2024-01-19 15:34 Binyy_Wuhan 阅读(13) 评论(0) 推荐(0) 编辑

2023年9月5日 #

数据可视化【原创】vue+arcgis+threejs 实现立体光圈闪烁效果

摘要: 本文适合对vue,arcgis4.x,threejs,ES6较熟悉的人群食用。 效果图: 素材: 主要思路: 先用arcgis externalRenderers封装了一个ExternalRendererLayer,在里面把arcgis和threejs的context关联,然后再写个子类继承它,这部 阅读全文

posted @ 2023-09-05 16:32 Binyy_Wuhan 阅读(746) 评论(1) 推荐(1) 编辑

2023年8月31日 #

数据可视化【原创】vue+arcgis+threejs 实现流光立体墙效果

摘要: 本文适合对vue,arcgis4.x,threejs,ES6较熟悉的人群食用。 效果图: 素材:(有2个小图片哦,第二张是白色的乍一看看不见!) 主要思路: 先用arcgis externalRenderers封装了一个ExternalRendererLayer,在里面把arcgis和threejs 阅读全文

posted @ 2023-08-31 15:11 Binyy_Wuhan 阅读(1256) 评论(1) 推荐(2) 编辑

2023年8月30日 #

数据可视化【原创】vue+arcgis+threejs 实现流光边界线效果

摘要: 本文适合对vue,arcgis4.x,threejs,ES6较熟悉的人群食用。 效果图: 素材: 主要思路: 先用arcgis externalRenderers封装了一个ExternalRendererLayer,在里面把arcgis和threejs的context关联,然后再写个子类继承它,这部 阅读全文

posted @ 2023-08-30 16:15 Binyy_Wuhan 阅读(1245) 评论(3) 推荐(4) 编辑

2023年8月29日 #

数据可视化【原创】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 Binyy_Wuhan 阅读(1375) 评论(0) 推荐(1) 编辑

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 Binyy_Wuhan 阅读(405) 评论(0) 推荐(0) 编辑

Vue【原创】时间轴 【time-axis】&【date-axis】

摘要: 封装了关于时间轴的组件,有时候统计页面会用到。 效果图: 时间轴分为2种,一种是time-axis:范围选择模式,一种是date-axis:步长选择模式。 代码中涉及到的工具类和图片资源,请移步页面底部的gitee地址下载源码。 time-axis: 1 <template> 2 <div clas 阅读全文

posted @ 2023-08-29 14:58 Binyy_Wuhan 阅读(773) 评论(0) 推荐(0) 编辑

2023年8月28日 #

Vue【原创】可拖动列表 darg-list

摘要: 可拖动排序的列表 drag-list,这个比较简单易懂,拿例子直接运行看效果就好了。 组件代码: 1 <template> 2 <ul class="list" ref="parentNode" @dragstart="onDragStart" @dragover="onDragOver" @dra 阅读全文

posted @ 2023-08-28 17:33 Binyy_Wuhan 阅读(106) 评论(0) 推荐(0) 编辑

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 Binyy_Wuhan 阅读(1368) 评论(0) 推荐(0) 编辑

Vue【原创】日历组件Calendar

摘要: 最近项目中封装了一个日历组件,用于节假日管理,支持输入默认选中的日期,选择管理日期。 效果图: calendar组件: 1 <template> 2 <div class="calendar"> 3 <slot name="title"> 4 <div class="calendar-title"> 阅读全文

posted @ 2023-08-28 14:40 Binyy_Wuhan 阅读(949) 评论(1) 推荐(0) 编辑