vue，el-table文字过长省略，修改点击显示后的样式

在移动端，使用elementUI表格进行数据展示的时候，有时候有一些不是很关键的信息，不希望占据很多的板面信息。
可以添加 min-width=“120” :show-overflow-tooltip=“true”
进行控制

 <el-table-column prop="id" label="订单号" align="center" width="140"
 min-width="120" :show-overflow-tooltip="true">
 el-table-column>

这样会省略过长的信息

1.点击后会显示省略信息，若想修改显示信息的大小
2. 打开开发者工具查看 class 为 el-tooltip__popper
3. 并发现 el-tooltip__popper 位于全局app之外

必需要在App.vue文件中修改该 class 的样式才行，在App.vue的
style标签中添加

/* 移动端 el-table表格字体省略 点击显示后的样式 */
.el-tooltip__popper{
    font-size: 3.6vw;
    line-height: 1.5;
}

显示效果