<style lang="stylus" scoped>
@import '~@styles/variables.styl'
.icons
  height: 50vw
  display grid
  grid-template-columns repeat(4,1fr)
  .icon
    overflow hidden
    position relative
    .icon-img-layer
      position: absolute
      top: 0
      left: 0
      right: 0
      bottom: .44rem
      box-sizing: border-box
      padding .1rem
      img
        height 100%
        display block
        margin 0 auto
    .icon-img-desc
      position: absolute
      left: 0
      right: 0
      bottom: 0
      height .44rem
      line-height .44rem
      text-align: center
      color $darkTextColor
</style>

跟着老师视频的思路来改写的，感觉比视频中的好理解一些。请老师和同学们指正。