vue项目引入全局css

怼烎@ 2023-06-14 04:14 15阅读 0赞

1.在assets文件夹中创建全局样式表css文件  
![在这里插入图片描述][20191118135750954.png]  
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/>'
    })

[20191118135750954.png]: https://img-blog.csdnimg.cn/20191118135750954.png

发表评论取消回复

表情：

评论列表（有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关 Nuxt全局引入JS、CSS，单个页面引入JS、CSS，nuxt引入外部JS、CSS

面以**wangEditor**编辑器为外部JS/CSS，作为演示的例子方法一、全局引入CSS ![在这里插入图片描述][watermark_typ...

刺骨的言语ヽ痛彻心扉/ 2024年04月17日 21:30/ 0 赞/ 88 阅读

相关 vue项目引入全局vuex

Vuex 是一个全局的共享数据存储区域，相当于一个数据的仓库，Vuex是为了保存组件之间共享数据而诞生的，如果组件之间有要共享的数据，可以直接挂载到vuex中，而不必通过父子组

爱被打了一巴掌/ 2023年06月29日 13:59/ 0 赞/ 45 阅读

相关 Vue项目中引入全局路由router

Vue项目中引入全局路由router并可以通过浏览器路由的改变页面内容而随之改变，可分为如下几个步骤 ①创建一个mainRoutes.js import Vue

超、凢脫俗/ 2023年06月27日 03:12/ 0 赞/ 28 阅读

相关 vue项目引入全局css

1.在assets文件夹中创建全局样式表css文件 ![在这里插入图片描述][20191118135750954.png] 2.在global.css文件中写入全局样式

怼烎@/ 2023年06月14日 04:14/ 0 赞/ 16 阅读

相关 vue 统一引入全局过滤器

一、在filter/index 文件中实现全局过滤器函数如下所示目录 ![20201203180149710.png][] export function

Love The Way You Lie/ 2022年12月26日 08:14/ 0 赞/ 201 阅读

相关 vue项目全局中引入scss

一、概述有一个scss文件，需要应用到每一个vue文件。如果每一个vue文件写重复代码，浪费精力。关于scss的安装，请参考链接：[https://www.cnbl

朴灿烈づ我的快乐病毒、/ 2022年10月15日 11:52/ 0 赞/ 274 阅读

相关在vue项目中引入vuex(全局状态管理器)

目录 Vuex是什么？ State Getter Mutation Action Module 项目结构 -------------------- V

灰太狼/ 2022年02月01日 01:13/ 0 赞/ 406 阅读

相关 Vue引入全局过滤器

创建单独的文件 ![在这里插入图片描述][20190516162536954.png] 加上时间过滤函数将formatDate 暴露export 出来

喜欢ヅ旅行/ 2022年01月31日 11:55/ 0 赞/ 361 阅读

相关在Vue中引入全局css(Global CSS in Vue)

为什么我们要使用全局样式？ 1. 有些时候我们可能使用--别人--封装好的组件库进行开发，如Element 但是又不想用他的属性，我们需要覆盖

矫情吗；*/ 2022年01月12日 09:55/ 0 赞/ 845 阅读

相关 vue引入全局过滤器，引入全局公共方法，引入全局变量

-------------------- 多读多写多记录，多学多练多思考。----------- Grapefruit.Banuit Gang(香柚帮) ---------

川长思鸟来/ 2021年11月16日 17:38/ 0 赞/ 700 阅读