weixin_39531049的博客

前些时间做项目的时候，有个需求是，嫌elementui 自定的筛选按钮 下拉的小三角不好看，需要自定义按钮。从阿里的图片库引入自己想要的图标。在需要修改按钮的vue页面里面修改样式.eTable /deep/ th .cell .el-table__column-filter-trigger .el-icon-arrow-down::before{important;这样就可以修改了筛选图标了，如果需要全局修改可以在app.vue里面去定义全局样式。

css隐藏滚动条 但可以滚动/*谷歌Safari浏览器*/.todayNews::-webkit-scrollbar{ display:none;}/*IE*/-ms-overflow-style:none;/*IE10+*//*火狐*/scrollbar-width:none;/*Firefox*/前提是给有滚动条的div添加 overflow:auto

css限制行数 超出行数显示….textStyle { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}对标签设置超出显示…h1{ width: 300px;/*定义块元素的宽度*/ white-space: nowrap;/*内容超宽后禁止换行显示*/

在使用 ant-design vue 组件中的a-table的时候，有个需求就是在table的左边加一个树形菜单，树形菜单和a-table在一行显示，首先想到的是用flex布局，在树形菜单和a-table的外面放一个大的div包裹起来 使用flex布局。可是在使用了flex布局后，发现原来a-table的滚动条不显示了，琢磨了半天，发现原来是放表格的div的宽度问题，可是flex布局弹性盒子，父容器如果没有规定width属性，默认100%，a-table又很长，换不了行，就隐藏超出屏幕的部分，滚动条不