- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue实现Echarts 3D地图省市县三级下钻
kk 2025-08-04 10-55-08使用的地图数据DataV数据可视化平台，通过DataV数据可视化平台获取地图json数据下载所需要的地图数据，注意数据颗粒度4. 我使用的是甘肃地图 及张掖、定西的地图数据引入地图数据全部代码点击地图区域返回的数据格式，通过name来进行判断6. 使用的地图类型是 type: ‘map3D’，实现后有3D效果，地图可以缩放翻转移动，比较好看。在series 中的 viewControl来进行地图控制通过 distance、alph
2025-08-04 14:20:22
333
原创 Vue安装使用Swiper，做轮播图
swiper所有版本中swiper4的兼容性是最好的，组件在 swiper4之后没有很大改变，使用时最好选择swiper4。1.安装npm install [email protected] --save-devcnpm install [email protected] --save-devcnpm安装快速，也不会出现问题2.main.js引入import 'swiper/dist/css/swiper.min.css'import 'swiper/dist/js/swiper.min'..
2022-04-08 10:17:42
3659
原创 marquee做文字滚动、图片轮播
HTML中marquee 元素做文字的滚动 <marquee></marquee>主要用来做公示公告就像是这种新闻轮播，可以用swiper轮播图 来做，比较复杂，marquee非常简单属性behavior设置文本在 marquee 元素内如何滚动。可选值有scroll，slide和alternate。如果未指定值，默认值为scroll。bgcolor通过颜色名称或十六进制值设置背景颜色。direction设置 marquee 内文本...
2022-04-06 17:08:05
1807
原创 vue项目的简体繁体切换
网站的字体切换点击繁体，页面字体变成繁体。实现过程：1.创建langs.js文件langs.js文件的内容：/* eslint-disable no-unused-vars */var zh_default = 'n'; //默认语言，请不要改变var zh_choose = 's'; //当前选择的字体var zh_class = 'zh_click'; //链接的class名，id为class + s/t/n 之一var zh_style_active =
2022-03-31 14:38:55
4634
2
原创 Vue使用Animate.css和WOW.js（AOS.js）来实现页面滚动触发动画
Vue使用Animate.css和WOW.js（AOS.js）来实现页面滚动触发动画
2022-03-25 09:59:26
2842
原创 css中iconfont图标旋转
旋转的方法很多，这里使用的是transform。transform: rotate(360deg) scale(1.2); 旋转360°，放大1.2倍<div class="p1"><span><i class="iconfont"></i></span></div>图标是阿里巴巴矢量图标库的图标。在设置css是一定要注意将i设置为行内块元素 display: inline-block;
2022-03-23 18:00:56
2334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人