填坑备忘录

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

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