vue项目引入全局css
1.在assets文件夹中创建全局样式表css文件2.在global.css文件中写入全局样式/* 全局样式表 */html,body{width:100%;height:100%;margin:0;padding:0;}body,p,dl,dd,ul,ol,li,div,h1,h2,h3,h4,h5,h6,form,input,table,tr...
·
1.在assets文件夹中创建全局样式表css文件
2.在global.css文件中写入全局样式
/* 全局样式表 */
html,body{
width:100%;
height:100%;
margin:0;
padding:0;
}
body,p,dl,dd,ul,ol,li,div,h1,h2,h3,h4,h5,h6,form,input,table,tr,td{
margin:0;
padding:0;
}
body{
font-family: "微软雅黑",Arial;
}
ul,ol{
list-style:none;
}
img{
border: 0;
}
a{
text-decoration: none;
}
3.在main.js中引入global.css,这样就可以在所有组件中使用全局样式表
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
// 导入全局样式表
import './assets/css/global.css'
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
更多推荐
已为社区贡献11条内容
所有评论(0)