当前位置:   article > 正文

修改tooltip的宽度,不影响全局样式_a-tooltip 设置框长宽

a-tooltip 设置框长宽

思路:给tooltip加上overlayClassName属性,并在less中加上:global

<a-tooltip :trigger="['focus']" placement="topLeft" overlayClassName="memo-tooltip">
                <template v-if="databyScoreList[index].memo" #title>
                  <span> {{ databyScoreList[index].memo }} </span>
                </template>
                <a-input v-model:value="databyScoreList[index].memo" placeholder="请输入" class="big-inp"></a-input>
              </a-tooltip>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
.memo-tooltip {
      :global(.ant-tooltip-inner) {
        max-width: 172px;
      }
    }
  • 1
  • 2
  • 3
  • 4
  • 5
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小惠珠哦/article/detail/806006
推荐阅读
相关标签
  

闽ICP备14008679号