elmentUI使用细节等记录

一、文字提示tooltip样式修改 

 <el-tooltip class="item" effect="light" content="文本内容" placement="top-start" popper-append-to-body="false">
              <span> XXXX</span>
 </el-tooltip>

修改效果

 

 

 css样式内容（注意scss 不要用scope）

.el-tooltip__popper.is-light {
  background: rgba(15,33,70,1);
  border:1px solid rgba(54,82,132,0.7);
  color: #fff;
}

.el-tooltip__popper .popper__arrow::after {
  border-top-color: rgba(54,82,132,0.7) !important;
}