Modifique el estilo de la ventana emergente y arroje el archivo de estilo css al global

Modifique el estilo de la ventana emergente (las ventanas emergentes generalmente agregan un dom directamente al cuerpo)

Por lo tanto, para estos DOM agregados más tarde, los estilos deben agregarse al css global para que surtan efecto, pero en un proyecto colaborativo de varias personas, no puede cambiar el módulo común a voluntad, ya que puede ser mantenido por otra persona. solo puede escribir código en sus propias subclaves

 <el-popover
          trigger="click"
          width="242"
          placement="bottom"
         popper-class="default-map-warning-content"
 ></el-popover>

La solución (escriba otra etiqueta de estilo en su propio archivo .vue):

<style scoped lang="less">
.....................
....................
</style>
<style lang="less">
  .default-map-warning-content{
    
    
    padding: 6px !important;
    left: 1570px !important;
    color: #000 !important;
    opacity: 0.7 !important;
    .popper__arrow{
    
    
      left: 23px !important;
    }
  }
</style>