- 博客(18)
- 收藏
- 关注
RSS订阅原创 解决echarts中地图重叠问题
2、默认情况下，map series会自己生成内部专用的geo组件。但是也可以用 geoIndex 指定一个geo组件。这样的话，map和其他 serise中的type=map可以共享一个geo组件。并且，Geo组件的颜色也可以被这个map serise控制。当设定 geoIndex后，series-map.map属性，以及series-map.itemStyle等样式配置不再起作用，而是采用geo中的相应属性。1、当series与geo都设置了taye与map时会造成地图重叠问题。
2024-07-28 10:42:39
22
原创 Echarts+阿里云数据可视化平台，全国地图引入及使用~
5、注意：这里因为在阿里可视化平台下载的json文件运行起来的省份名称是全称（后续如果有好的办法可以解决的话我会更新），所以我使用的是自己新建的json文件。在项目的src目录下新建一个文件夹或者放在你的静态文件目录下，在这里我是新建了一个json文件夹，将下载好的地图json文件放在里面。7、在组件中发请求获取json文件并使用Echarts引入地图（相关配置项已注释）。2、进入阿里云数据可视化平台下载（2）或在线获取地图json文件（1）。3、首先介绍下载地图的json文件的使用方法。
2024-07-27 22:34:02
173
原创 echarts表格坐标轴文字显示不全的问题解决方案~
2、针对该问题很多博主都是通过文字倾斜和换行来解决，但是有时可能不满足业务需求，仅仅只是为了解决显示不全的问题，而且也比较麻烦。在这里我用的是以下方法实现的，这个很像盒子模型，使用起来简单且有效。
2024-07-26 17:48:31
93
原创 echarts的安装与基本使用
3、上面的代码会引入 ECharts 中所有的图表和组件，如果你不想引入所有组件，也可以使用 ECharts 提供的按需引入的接口来打包必须的组件。2、在组件中全局引入。
2024-07-26 14:59:35
109
原创 通过vue/cli安装vue3脚手架项目，卡主不动，无报错信息解决方法~
2、解决方法：通过npm config set registry https://registry.npmmirror.com设置淘宝镜像。1、在通过npm i -g @vue/cli安装脚手架时，遇到一直转圈无法安装的情况，并且无任何报错信息，网络是正常的。3、重新运行npm i -g @vue/cli 安装脚手架即可。
2024-07-26 09:50:03
136
原创 Vue3+Ts项目：ts写法报错组件没有默认导出
2、这个问题的原因是：Vetur-v0.37.0不支持vue3版本，需要下载Vue-Official，同时禁用原来的Vetur。1、在启动vue3项目时有时会报没有默认导出错误。
2024-07-25 23:14:31
91
原创 vue3 创建项目~（基于vite创建vue3项目）
2、通过npm init vue@latest命令安装vue3项目脚手架。（这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。1、在使用vue3之前，需要确保你的node版本大于16.0 或更高版本的 Node.js。4、通过npm i 安装依赖。node –v （查看本机安装的node版本）然后重新执行npm i 命令，此时依赖就可以安装成功了。5、运行npm run dev命令启动项目。3、接着创建项目名称并按需安装。
2024-07-25 22:33:44
123
原创 TypeScript 中类存取器的作用及用法和使用场景~
2、但是当我们需要在用户修改的时候对输入的数据进行判断，符合数据规范则可以改变，不符合则不可以改变的时候，这个时候我们就可以在类的内部定义存取器。1、一般获取类中的属性和修改类中的属性是这样的。
2024-07-24 22:46:20
166
原创 uniapp 微信登录获取openid失败报40013
1、背景：使用uniapp做第三方微信登陆时，获取到code之后发送给后台准备换取。3、原写法：使用模板字符串写一直报40013。5、此时就不报40013，可以获取到。
2024-07-24 10:33:59
140
原创 vue3的异步组件~简单介绍
对于某些组件来说，我们并不希望一开始全部加载，而是需要的时候进行加载。1、作为性能优化的一部分，vue3的异步组件可以简单了解一下。
2024-07-23 11:25:54
120
原创 uni-app小程序分包详细步骤~（保姆级）
1、首先需要明白小程序的主包是pages文件夹，当我们需要分包时，将主包的pages文件夹中的页面文件按需剪切至一个新的文件夹中（例如我们在根目录下新建一个pageA文件夹，里面新建一个pages文件夹，此时将页面文件剪切至此）于是小程序提供了分包的解决方法，将一个完整的的小程序，在打包时分成不同功能或需求的分包，在用户使用时再加载对应的分包。2、按需将static的静态文件也赋值到pageA中（静态文件按需保留，该分包中未使用到的静态文件删除掉即可）4、修改uniapp关于改分包页面文件的路由跳转路径。
2024-07-21 21:10:39
193
原创 uni-app请求封装~
1、新建文件夹为utils,里面新建文件request.js文件。2、封装方法，新建detail.js文件。废话不多说直接上代码。
2024-07-20 18:11:26
184
原创 uniapp-scroll-view滑动限制
2、技术点：scroll-view、uni.getSystemInfo(OBJECT)、uni.upx2px()查询当前设备的屏幕高度-去导航栏高度，将其赋值给scroll-view的height。1、需求：scroll-view滑动时，不应将导航栏卷上去。
2024-07-20 18:04:51
160
原创 uniapp-实现左侧菜单栏与右侧功能区联动~（保姆级）个人思路，需求实测实现啦~
1、需求1：实现左侧菜单栏与右侧功能区联动~。当点击切换左侧菜单栏时需变色同时需将其对应右侧功能区节点滑动至顶部。2、需求2：实现滑动右侧功能区，当其所处的功能区节点刚刚触顶时，需切换左侧菜单栏与之对应。炒毛豆也是刚刚接触小程序。后续会将学习心得不定时记录~（仅做个人笔记使用）5、需求实测实现啦~
2024-07-19 23:03:01
133
原创 uniapp-抽屉uni-drawer的使用
1、首先记住它是一个插件！（需提前登录Hbuildx在插件应用市场中安装，安装至自己的项目上即可）2、直接在项目中使用即可，无需另外引入。3、此时就可以成功弹出及关闭啦。
2024-07-19 16:08:26
226
原创 uniapp-阿里巴巴矢量图标使用（字体图标引用）
3.解压下载好的压缩包，将里面的文件全部放到static中font文件夹中（自己新建），并打开demo_index.html文件，复制其中的字体声明代码至自己的页面的css中。6、打开font文件夹里的demo_index.html，选择Unicode中复制图标的代码,用到页面中。4、修改复制过来的字体声明中的路径。（即下图的src路径需替换为font中的.tff文件）5、在页面的元素样式中需引入font-family: 'iconfont';网站，将想引入的图标加入购物车。
2024-07-18 22:35:56
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人