CSS使用小结

前言

为了调试Auth后端,写了一个Vue的前端,结合以前写的文章,对Vue为代表的前端做一个总结,内容分为:

  • Control
  • View与Data
  • Element组件
  • CSS

本文主要记录CSS遇到的几个问题

记录

  • css的scope

    scope指的是本地

  • 动态样式

    :class="['list-icon', {'el-icon-s-fold': isCardView, 'el-icon-menu':!isCardView}]"

    对象中只显示为true的

    <div :class="{'content-collapse': isCollapse}>
    当isCollapse时,content-collapse样式生效

  • image的引入方式

    url方式:backgroup-image

  • 滚动条

    overflow-y: scroll;

  • not类型的类选择器:
    .sidebar-el-menu:not(.el-menu--collapse)
    .sidebar-el-menu类且非.el-menu--collapse时,其中el-menu--collapse是Menu组件折叠后增加的class样式

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×