2.1k 字 2 分钟

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转 rotate、扭曲 skew、缩放 scale 和移动 translate 以及矩阵变形 matrix。

语法:

transform: none|transform-functions;
/* 即：*/
transform: rotate | scale | skew | translate |matrix;

606 字 1 分钟

CSS 有以下几个函数： 函数 描述 CSS 版本 attr() 返回选择元素的属性值。 2 calc() 允许计算 CSS 的属性值，比如动态计算长度值。 3 cubic-bezier() 定义了一个贝塞尔曲线 (Cubic...
678 字 1 分钟

# 自动填充高度.html

<div class="box">
  <div class="header">头部</div>
  <div class="auto-fill">自动填充</div>
</div>

# 使用 flex（推荐）

  • 兼容性好；
  • 只需关注自动填充的 div，无需考虑其他 div 的高度
.box {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.header {
  background: dodgerblue;
  height: 30px;
}
.auto-fill {
  background: wheat;
  flex: 1
}
   1.1k 字  1 分钟
可以在 main.js 全局引入，下面是使用方法。 1： 安装 node-sass 、 sass-loader 、 style-loader npm install node-sass --save-devnpm install sass-loader --save-devnpm install style-loader --save-dev2： 安装 sass-resources-loader （如果不安装的话变量会报错） npm install sass-resources-loader --save-dev3：vue-cli4.0 配置方法 //...
   4.9k 字  4 分钟
# 前言
项目里使用的 echarts 版本是 4.9.0 , 这里就用该版本做演示；
鉴于 echarts 折线图和柱状图可以直接通过 toolbox 转换，所以我们只需要在 toolbox 中增加一个和饼图进行转换的方法即可
   1.5k 字  1 分钟
在使用 ECharts 进行图表绘制时，可以利用 CSS Grid 布局来组织页面元素，确保图表能够在容器中正确显示。以下是一个简单的例子，展示了如何使用 CSS Grid 布局来搭建一个包含 ECharts 图表的页面。
   1.4k 字  1 分钟
在 Vue 中使用 ECharts 进行打印时，可以通过 ECharts 提供的 getDataURL 方法获取图表的 Base64 图片 URL，然后使用浏览器的打印 API 进行打印。以下是一个简单的示例：
  1. 首先，确保你已经在 Vue 项目中安装并配置了 ECharts
  2. 在你的 Vue 组件中，创建一个方法来处理打印逻辑.