码迷,mamicode.com
首页 > Web开发 > 详细

vue中引入css文件

时间:2017-09-21 19:20:41      阅读:297      评论:0      收藏:0      [点我收藏+]

标签:default   ffffff   font   main   logs   port   back   文件   style   

两种方式引入css文件,一种是直接在main.js中引入,即下面这种写法:

import ‘element-ui/lib/theme-default/index.css‘

这种写法适用于此css文件存在于项目中,不适用于通过网址访问的方式引入,会报错。偶试着引入Font Awesome,结果报错:

import "http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"

 

而直接在组件中引入却可以,组件中引入也比较简单:

<style>
@import "../css/style.css";
@import "//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
</style>

引入语句后面最好加上分号,只引用一个还好,引用多个不加分号会报错。

当然还有使用require()引入的,暂时比较习惯使用import。

 

vue中引入css文件

标签:default   ffffff   font   main   logs   port   back   文件   style   

原文地址:http://www.cnblogs.com/anns/p/7569892.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!