<style scoped lang="less"> .login{ width: 1200px; margin:0 auto; .box-card{ width: 500px; margin:100px auto; } } </style>这个代码写的有问题吗

这段代码使用了 LESS 预处理器语法，但是在 Vue 单文件组件中需要使用 `<style>` 标签的 `lang` 属性指定预处理器的类型。因此，正确的代码应该是：

<template>
  <div class="login">
    <div class="box-card">
      <!-- 其他内容 -->
    </div>
  </div>
</template>

<style scoped lang="less">
.login {
  width: 1200px;
  margin: 0 auto;
  .box-card {
    width: 500px;
    margin: 100px auto;
  }
}
</style>

在 LESS 中，可以使用嵌套语法来组织样式，因此这段代码的样式部分写得没有问题。但是需要注意的是，在使用预处理器的情况下，需要在项目中添加相应的依赖库和构建工具，以便将预处理器代码转换为浏览器可以识别的 CSS 代码。