uniapp引入外部sccs文件

要在uni-app中引入外部SCSS文件，需要使用@import指令。

以下是引入外部SCSS文件的步骤：

1. 创建一个.scss文件，例如styles.scss

2. 在该文件中编写SCSS代码

3. 在需要引入的页面中，使用@import指令来引入该文件

4. 在页面中使用已定义的样式。

举个例子：

在styles.scss文件中定义一个样式:

// styles.scss
$primary-color: #FF6F61;
.btn {
  background-color: $primary-color;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
}

在需要使用的页面中引入该文件：

// index.vue
<style lang="scss">
  @import "@/styles.scss";
  .page {
    .btn {
      margin: 10px;
    }
  }
</style>
<template>
  <div class="page">
    <button class="btn">Click me</button>
  </div>
</template>

这里我们在index.vue页面中引入了styles.scss文件，并在页面中使用了.btn样式。 注意，我们可以在页面的SCSS样式中定义新的样式规则并使用已定义的样式。

这样就可以成功引入外部的SCSS文件啦！