摘要：
**效果**  **页面代码** 通过`:cell-class-name`动态绑定类名 ```html ``` **数据** ```js tab 阅读全文
摘要：
@[TOC] 项目中关于组件的使用经常会碰到这种情况：父子组件传和方法调用、兄弟组件的传值和方法调用、多个独立组件的数据共享和方法调用，例如：`a、b`组件的的数据共享，该数据是由`c`传出的，通过`a、b`组件修改共享参数，调用`c`方法实现`a、b`组件的数据更新。本文总结了上述的几种情况并分别 阅读全文
摘要：
一些网站通常会提供白天、夜间模式，以及自定义主题等等，这种主题切换也就是本文说的前端换肤。 这次案例用的是白天和夜间模式的切换，在做换肤之前，得先知道一件事情：css的变量定义，对变量定义不熟悉的同学请看MDN文档：自定义属性（--*）：CSS 变量 主题切换也就是样式的切换，白天和黑夜的模式切换需 阅读全文
摘要：
vue3使用的国际化库为：i18n 安装方式： npm install vue-i18n@next 安装完成后在src文件夹下新建lang文件夹 在lang文件夹下新建需要语言转换的文件夹，这里以中文zh和英文en举例，在这两个文件夹下新建需要转换的语言 在zh的index.ts中写好我们需要转换的 阅读全文
摘要：
@ 百度地图webgl使用 在项目的index.html中引入 <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的AK秘钥"></script> 注意，百度webgl的引入和百度地图的引 阅读全文
摘要：
效果如下： 这里用的是echarts的折线图堆叠 本文要讨论的内容： 1、折线堆叠样式 2、动态更改数据 3、图表挂载 1、折线堆叠样式 const lineChart = () => { let option = { color : ['#00f2f1','#ed3f35'], /* 调色盘 */ 阅读全文
摘要：
@ 说明 Shapes也有形状、图形的意思，我们可以在页面中创建图形，并让内容环绕在定义的图形边上。 Shapes的官方文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Shapes/From_box_values 我们经常在一些宣传手册 阅读全文
摘要：
效果如下： 此处用的echarts柱状图为：Axis Align with Tick 本文的要讨论的内容： 1、柱状图样式修改 2、多数据的缩放展示 柱状图样式修改 // 数据 const city = reactive([ { value: 335, name: '长沙' }, { value: 阅读全文
摘要：
在做数据可视化大屏之前，我们需要考虑到页面的布局问题以及页面缩放自适应问题，下面分别就这两个方面讲解。 页面布局 类似这种页面区块的明显划分，常用的布局方式有两种： 1、flex布局 2、grid布局 grid布局 grid布局可以按区块来划分页面布局，并且可以在划分布局的基础上配置区块在页面的占比 阅读全文
摘要：
在使用echarts的自定义饼图Customized Pie时，定义的动态数据会发生颜色无法渲染的问题，如下图所示： 该图表的颜色是根据itemStyle内的color属性而来，如下： itemStyle: { color: '#4d90fe', /* 图表的颜色 */ shadowBlur: 20 阅读全文