v-tooltip не работает с пользовательским CSS в производственной среде - PullRequest
Новая
       6

v-tooltip не работает с пользовательским CSS в производственной среде

0 голосов
/ 23 октября 2019

Я использую v-подсказку, чтобы показать некоторый контент, когда пользователь наводит указатель мыши на div. Он работает в разработке без проблем.

Однако, когда я собираю его для производства и перехожу в среду prod, пользовательские CSS не применяются к моей подсказке.

Версия v-tooltip IЯ использую это ^ 2.0.0-rc.33

Ниже приведен мой код. 

<div class="comments" @mouseover="mouseOverTooltip()" v-tooltip="{
              content: a.note,
              placement: 'top',
              classes: ['o-tooltip'] }">
            <span class="title">{{a.note}}</span></div>

Я использую следующие CSS 

 .comments >>> .h-tooltip.vue-tooltip {
    box-sizing: border-box;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #3d3d3d;
    background-color: #fff;
    max-width: 100%;
    padding:8px 8px 5px 8px;
    border-radius: 4px;
    border: solid 2px #1cacac;
    box-shadow: 0 7px 8px 0 rgba(170, 170, 170, 0.2), 0 5px 22px 4px rgba(170, 170, 170, 0.14), 0 12px 17px 2px rgba(170, 170, 170, 0.12)
 }
...