uniapp引入外部css
时间: 2023-08-31 19:12:29 浏览: 325
uniapp引导组件,直接在需要添加引导的页面引入即可
5星 · 资源好评率100%
要在uniapp中引入外部CSS文件,可以使用以下步骤:
1. 在项目的static文件夹中创建一个新的CSS文件,例如styles.css。
2. 在styles.css中编写所需的CSS代码。
3. 在需要引入CSS文件的页面的vue文件中,使用以下代码引入CSS文件:
```html
<style lang="scss">
@import "@/static/styles.css";
</style>
```
注意,这里的@符号表示src目录,因此@/static/表示项目的static文件夹。如果你的文件不在static文件夹中,你需要修改路径以适应你的文件位置。
4. 重新编译你的uniapp项目,CSS文件将被引入并应用于你的页面。
希望这能帮助到你。
阅读全文