从0到1完成一个Vue后台管理项目(十九、地图区域样式设置、区域文字和立体设置)

导读:本篇文章讲解 从0到1完成一个Vue后台管理项目(十九、地图区域样式设置、区域文字和立体设置),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

往期

从0到1完成一个Vue后台管理项目(一、创建项目)

从0到1完成一个Vue后台管理项目(二、使用element-ui)

从0到1完成一个Vue后台管理项目(三、使用SCSS/LESS,安装图标库)

从0到1完成一个Vue后台管理项目(四、引入axios、配置路由)

从0到1完成一个Vue后台管理项目(五、登录页(表单校验的使用和封装))

从0到1完成一个Vue后台管理项目(五、登录页,mock,token,axios封装)

从0到1完成一个Vue后台管理项目(六、404页)

从0到1完成一个Vue后台管理项目(七、Header、Footer、页面布局)

从0到1完成一个Vue后台管理项目(八、Menu改造完善、子组件创建、配置路由)

从0到1完成一个Vue后台管理项目(九、引入Breadcrumb面包屑,更改bug)

从0到1完成一个Vue后台管理项目(十、列表API封装、Table列表渲染、表格数据转换)

从0到1完成一个Vue后台管理项目(十一、前端分页实现)

从0到1完成一个Vue后台管理项目(十二、学生table列表删除、查询、重置)

从0到1完成一个Vue后台管理项目(十三、信息列表页面实现:对话框新增、DateTimePicker 日期时间选择器)

从0到1完成一个Vue后台管理项目(十四、对话框封装、接口联通、api优化 很重点(封装思想))

从0到1完成一个Vue后台管理项目(十五、作业列表、表格数据方法的封装)

从0到1完成一个Vue后台管理项目(十六、后端分页方法以及分页组件的封装以及复用)

从0到1完成一个Vue后台管理项目(十七、使用Echarts:柱状图、折线图)

从0到1完成一个Vue后台管理项目(十八、基础地图绘制)

地图区域样式设置

设置backgroundColor

在这里插入图片描述

这里注意,颜色我们输入rgb的形式和16进制都是可以的

在这里插入图片描述

给每一项配置一样样式

在这里插入图片描述
在这里插入图片描述
效果
在这里插入图片描述

区域高亮

在这里插入图片描述
在这里插入图片描述

区域文字和立体设置

在这里插入图片描述
在这里插入图片描述

我们可以发现文字展示了
改变一下字体颜色

在这里插入图片描述
在这里插入图片描述

高亮也设置一下

在这里插入图片描述
在这里插入图片描述

加个3D阴影

在这里插入图片描述
在这里插入图片描述
完成

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/79668.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!