编写嵌套样式，编译报错

奔跑的狮子

现象描述

如下嵌套样式的写法会导致IDE编译报错：

<style>
  .item-container {
    margin-bottom: 50px;
    flex-direction: column;
    .image {
      border-radius: 100px;
    }
  }
</style>

报错内容如下：

行进的蜗牛

问题分析

在style中定义嵌套样式，如果没有指定预编译器，会导致IDE编译无法识别。

解决方法

修改代码如下：

<style lang="less">
  .item-container {
    margin-bottom: 50px;
    flex-direction: column;
    .image {
      border-radius: 100px;
    }
  }
</style>