elementui小技巧

1.el-image加载图片自定义加载动画

在加载前和加载中el-image是由一个类名为el-image__placeholder的div标签作为占位符显示的,因此如果我们覆盖这个类,并使用形如加载中的gif图片就可以达到加载动画的效果;

<style>
/* 加载前 */
.el-image__placeholder {
   
  background: url('./loadingImg/009.gif') no-repeat 50% 50% !important;
  background-size: 50% !important;
}
</style>

2.vue项目打包可以被部署在任意路径配置

vue.config.js是一个可选的配置文件
如果项目的 (和 package