报错说这里面有空格，打死我吧，我不想活了！！！最后怎么会变成这样，变得这么繁琐。以前不是这样的呀。为什么需要这样，请老师给个解释。

报错说这里面有空格，打死我吧，我不想活了！！！最后怎么会变成这样，变得这么繁琐。以前不是这样的呀。为什么需要这样，请老师给个解释。是.vue文档格式必须这样还是咋的？上次router也说是空格。router里面的是js文件，也会出现这样的。还是只要是vue环境下就必须这样谨慎的写代码？不能出现多余的空格，

如果必须这样的话，请问有没有更直观的办法可以找到空格在哪呢。

<style lang="scss">

  .docker{

    display: flex;

    position: absolute;

    padding: 0 .18rem;

    box-sizing: border-box;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 0.49rem;

    border-top: 1px solid #f1f1f1;

    background-color: rgb(175, 136, 136);

  }

  .docker__item{

    flex: 1;

    text-align: center;

    .iconfont{

    margin: .07rem 0 .02rem 0;

    font-size: .18rem;

    }

    .docker__title{

      font-size: .10rem;

    }    

  }

  .docker__item--active{

    color: #1fa4fc;

  }

</style>

在这里输入代码，可通过选择【代码语言】突出显示