1、取消el-select的选中状态的黄框
2、移动端点击时元素产生的背景色
-webkit-tap-highlight-color: transparent;
https://www.jb51.net/css/6434...
3、修改接口传过来需要html样式
新建1个style标签不带scoped
4、多行元素溢出隐藏
overflow: hidden;
text-overflow: ellipsis; //显示省略号
display: -webkit-box;
-webkit-line-clamp: 2; //块元素显示的文本行数
-webkit-box-orient: vertical;
若元素为字母或者数字以上效果不会生效:
由于浏览器认为你写的是一个连贯的单词, 所以不会强制换行,你需要自己加上属性, 告诉浏览器这个不按单词处理。
再加上:word-wrap:break-word
即可
5、新加的el-dialog弹窗,要添加类名,不要影响其他弹窗
并新写个不带socped的style来改变需要新加的弹框的样式
6、vant toast 展示过大问题
<style lang="less">
.van-toast {
width: auto !important;
min-height: auto !important;
}
.van-toast__text {
padding: 0 !important;
}
</style>
7、echarts 顶部数值不居中,加个padding-left
8、el-tabs选中后页面黄框问题
el-tabs__item添加属性
.el-tabs__item:focus.is-active.is-focus:not(:active) {
box-shadow: 0 0;
border-radius: 0;
}
9.更改浏览器滚动条默认样式
-----分割线----
::-webkit-scrollbar {
height: 4px;//横向滚动条可以设置height大小,竖直滚动条可以设置width大小
// width:4px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background: rgba(144,147,153,.3);
}
- v-html 无法识别后端传过来数据文本中夹杂的\n换行符,导致无法换行
添加属性 :style="white-space:pre-line;"
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。