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/>'
})
Logo

前往低代码交流专区

更多推荐