填坑备忘录

以下内容是一些实际项目中遇到的很小的点，但却有很大帮助的代码。

1.vue+element ui中table

场景：table某个单元格内容太多，导致table行高不一致，页面不好看。
解决办法： <el-table-column :show-overflow-tooltip="true" prop="resource" label="文章来源">
关键代码：:show-overflow-tooltip="true"

2.微信小程序input调起手机键盘问题

场景：小程序中自定义弹窗，并且弹窗中含有input,当用户触发input时，会导致手机自带虚拟键盘遮住input输入框。
解决办法：<input class='cover_input' type='text' value='{{input_val}}' cursor-spacing='80'></input>
关键代码：cursor-spacing='80'

3.table圆角

场景：表格实现圆角，当整个表格颜色一致时，可以用border-radius属性，但现在需要table首行背景色不一致。
解决办法：加上一个overflow: hidden属性就可以了
关键代码：overflow: hidden

4.pointer-events禁止点击

场景：想禁止部分$(".rr")元素click的点击事件。
解决办法：可以通过js动态给css加上一个pointer-events:none属性就可以了
关键代码：pointer-events:none

不定期更新，敬请期待

转载于:https://www.cnblogs.com/lafitewu/p/9389145.html