1、取消el-select的选中状态的黄框
image.png
2、移动端点击时元素产生的背景色
-webkit-tap-highlight-color: transparent;
https://www.jb51.net/css/6434...
3、修改接口传过来需要html样式
新建1个style标签不带scoped
image.png
4、多行元素溢出隐藏
overflow: hidden;
text-overflow: ellipsis; //显示省略号
display: -webkit-box;
-webkit-line-clamp: 2; //块元素显示的文本行数
-webkit-box-orient: vertical;
若元素为字母或者数字以上效果不会生效:
由于浏览器认为你写的是一个连贯的单词, 所以不会强制换行,你需要自己加上属性, 告诉浏览器这个不按单词处理。
再加上:word-wrap:break-word
即可
5、新加的el-dialog弹窗,要添加类名,不要影响其他弹窗
image.png
并新写个不带socped的style
image.png来改变需要新加的弹框的样式
6、vant toast 展示过大问题

<style lang="less">
  .van-toast {
    width: auto !important;
    min-height: auto !important;
      }
   .van-toast__text {
    padding: 0 !important;
  }
</style>

7、echarts 顶部数值不居中
image.png,加个padding-left
image.png
8、el-tabs选中后页面黄框问题
image.png
el-tabs__item添加属性
.el-tabs__item:focus.is-active.is-focus:not(:active) {

        box-shadow: 0 0;
        border-radius: 0;
        }

9.更改浏览器滚动条默认样式
image.png
-----分割线----
image.png

::-webkit-scrollbar {
      height: 4px;//横向滚动条可以设置height大小,竖直滚动条可以设置width大小
      // width:4px;
   }
::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background: rgba(144,147,153,.3);
   }
  1. v-html 无法识别后端传过来数据文本中夹杂的\n换行符,导致无法换行
    添加属性 :style="white-space:pre-line;"

Lito
1 声望1 粉丝