如何在 index.scss 文件中使用 uni.scss 定义的变量

分类：uni-app

scss

uni.scss

$uni-page-color: #F4F5F6; // 页面背景色

index.scss

.page {  
    background: $uni-page-color;  
}

在外部样式文件中引用无效,而在 index.vue 中是可以的
index.vue

<template>  
   <view class="page">  
   </view>  
</template>  

<script>  
</script>  

<style lang="scss">  
    .page {  
       background: $uni-page-color;  
   }  
</style>

2019-07-29 10:14 负责人:无分享

3 个回复

incess - 阿莫熊科技，长期合作项目,QQ微信同号 1410323850 专业团队为您解决问题

@import "uni.scss"

8***@qq.com (作者)

谢谢

2019-07-29 17:10

8***@qq.com (作者)

问题解决了,无需在 index.scss 中引入 uni.scss 文件.
在 index.vue 中

<style lang="scss">  
   //@import url("index.scss"); 此写法无效  
  @import "index.scss";  
<style>

@import url() 和 @import 差异不明

愿随风丶飘雪 - 勿在浮沙筑高台

把App.vue文件中的lang改为scss就可以引入了

该问题目前已经被锁定, 无法添加新回复

如何在 index.scss 文件中使用 uni.scss 定义的变量

3 个回复

公告

相关问题

如何在 index.scss 文件中使用 uni.scss 定义的变量

与内容相关的链接

3 个回复

公告

相关问题