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

这段代码看起来是使用了 SCSS 预处理器语法，但是没有使用正确的语法规则。如果要在 Vue 单文件组件中使用 scoped 样式，应该使用以下语法：

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

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

也就是将选择器和样式写在花括号内，不需要使用嵌套语法。同时，选择器和样式之间需要用空格隔开，而不是花括号。