技术栈

前端-全局样式

撸码老九2024-05-26 16:41

当我们有一个样式需要全局引用的时候,我们首先新建一个global.scss的样式文件,这里我举例一下

css 复制代码
html,
body {
  margin: 0;
  height: 100%;
  width: 100%;
  #app {
    height: 100%;
  }
}

然后在我们的main.ts 文件中 声明,这样的话我们整个项目都能用到这个样式

javascript 复制代码
import './assets/css/global.scss'
上一篇:SQL:用AI软件来完成sql的触发器的使用
下一篇:跟TED演讲学英文:How to escape education‘s death valley by Sir Ken Robinson
相关推荐
a111776
8 小时前
医院挂号预约系统(开源 Fastapi+vue2)
前端·vue.js·python·html5·fastapi
0思必得0
8 小时前
[Web自动化] Selenium处理iframe和frame
前端·爬虫·python·selenium·自动化·web自动化
行走的陀螺仪
10 小时前
uni-app + Vue3编辑页/新增页面给列表页传参
前端·vue.js·uni-app
We་ct
11 小时前
LeetCode 205. 同构字符串:解题思路+代码优化全解析
前端·算法·leetcode·typescript
2301_81273141
11 小时前
CSS3笔记
前端·笔记·css3
ziblog
11 小时前
CSS3白云飘动动画特效
前端·css·css3
越努力越幸运508
11 小时前
CSS3学习之网格布局grid
前端·学习·css3
半斤鸡胗
11 小时前
css3基础
前端·css
ziblog
11 小时前
CSS3创意精美页面过渡动画效果
前端·css·css3
akangznl
11 小时前
第四章 初识css3
前端·css·css3·html5
热门推荐
01GitHub 镜像站点02一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示03Claude Code Skills 实用使用手册04Vue-skills的中文文档05OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)06UV安装并设置国内源07Clawdbot 中文汉化版 接入微信、飞书08在Trae中使用Pencil MCP092025 年大语言模型发展回顾:关键突破、意外转折与 2026 年展望10OpenClaw部署与配置教程:在Mac mini上接入国产大模型与飞书