以下内容是一些实际项目中遇到的很小的点,但却有很大帮助的代码。
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