1***@qq.com
1***@qq.com
  • 发布:2022-04-27 11:36
  • 更新:2022-06-07 22:35
  • 阅读:713

【报Bug】app.vue 引入scss文件后 @mixin不生效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: Monterey 12.3

HBuilderX类型: Alpha

HBuilderX版本号: 3.4.6

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: iphone 12

页面类型: nvue

vue版本: vue2

打包方式: 离线

项目创建方式: HBuilderX

操作步骤:

APP.vue下引入的全局样式
<style lang="scss">
@import "@/static/css/app.scss";
</style>

app.scss 内容

@mixin flex($direction: row) {

flex-direction: $direction;  

}

// 外边距
.mlr{
margin-left: 20rpx;
margin-right: 20rpx;
}

index.nvue style 下使用@include flex; 会报错:SassError: no mixin named flex

把 @mixin flex 放到 index.nvue style下就正常使用!

.mlr在index.nvue下是生效的!

以上文件都设置了lang="scss"

顺便问一下nvue下不支持px吗? 只能使用rpx吗? 反正我用px就没有效果,用rpx才可以!

预期结果:

正常

实际结果:

不正常

bug描述:

app.vue 引入scss文件后 @mixin不生效

2022-04-27 11:36 负责人:DCloud_UNI_GSQ 分享
已邀请:
g***@163.com

g***@163.com

解决了吗 老哥

要回复问题请先登录注册