vue3
如：
@for $i from 1 through 12 {
.flex-#{$i} {
display:flex;
flex: $i;
}
}
发现元素使用flex-4时，样式未生效
有问
- 发布：2022-03-15 13:54
- 更新：2022-11-07 20:02
- 阅读：2227
3 个回复
有问 (作者) - 生活，趣与失。
出错的步骤：
在app.vue中引入了其它位置的，例如子组件test/test.scss
test.scss里使用了for flex-#{$i}
此时报错了。
黄河爱浪 - 在线接单，个人uniapp插件主页：https://ext.dcloud.net.cn/publisher?id=110853
恰好遇到，来解答一下
我在
HBuilderX中输入代码时提示的代码格式是@import url("scss文件路径");正确的格式应该是@import "scss文件路径";正常来说这种情况，在前面的 scss 语法就会报错，单独报错了这一行，一开始我也很懵逼。希望可以帮助到你
e***@hotmail.com
这个是符合 scss 里面的语法规则的
因为 css 本身也有 @import 语法，scss 为了区别 css 和 scss 的 import，就加了一条设定——@import url('')写法的一律当做 css 的 import 处理。
参考：https://sass-lang.com/documentation/at-rules/import#plain-css-imports
2022-10-17 10:18
有问 (作者) - 生活，趣与失。
好的。谢谢。