vue3+ts+elementplus项目的表格单元格显示问题？

发布于
2023-06-06 北京

<el-table-column label="目的地址" show-overflow-tooltip>
  <template #default="{row}">
    <span style="display: flex;">
      <span v-if="!row.dest_geo" style="display: inline-block;width:100% !important;height:23px !important;">
        <i class="iconfont icon-neiwang plagIcon" title="内网/其它" style="color: #1677ff;font-size: 16px;" />
      </span>
      <span v-else :class="`fi fi-${row.dest_geo.toLowerCase()}`" :title="row.dest_geo_cn" class="plagIcon"></span>
      <span>{{ row.dest_ip }}:{{ row.dest_port }}</span>
    </span>
  </template>
</el-table-column>

这是我写的html

ipv6地址的时候，前面的图标显示的特别小
应该怎么解决这个问题了？