二三的博客

在项目开发中，产品提了这样一个需求：实现表格内每一行之间存在间隙以及渐变效果。具体效果如下图所示： 因为element的table组件默认的是行与行挨着，所以需要更改组件的样式，具体代码如下所示： 1. 设置行与行之间的间距 ::v-deep .el-table__body{ //-webkit-border-horizontal-spacing: 13px; // 水平间距 -webkit-border-vertical-spacing: 13px; // 垂直间距 } 设置这个属性.

实现仅去除纵向滚动条效果 项目开发中，有这样一个需求：实现表格内容自动滚动，去掉纵向滚动条。 代码如下所示： ::v-deep ::-webkit-scrollbar { width: 0; height: 0; } 这种写法确实实现了去掉了纵向滚动条的效果，不过对于我的项目来说，却存在一些问题：因为我的表格的表头是可以动态控制的，所以当默认展示的时候，表格横向宽度足够，不存在滚动条的现象；但当表头全部展示的时候，右侧部分内容展示不出来。因为上面的css代码是将横向以及纵向的滚动条全部给去除了，

在vue或者uniapp的开发中，有时候会遇到比较奇怪的问题，这里以uniapp举例： <view> <text>任务归类：23146498798798865456465489797</text> <text>任务归类：23146498798798865456465489797</text> </view> 在我的实际开发中，如果 text 标签中的内容为数字，且内容过长的时候，在h5端显示会导致不换行，从而只展示前面的内容；但