技术栈

前端-全局样式

撸码老九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
相关推荐
掘金安东尼
1 天前
纯 CSS 实现弹性文字效果
前端·css
牛奶
1 天前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶
1 天前
Vue 底层原理 & 新特性
前端·vue.js·面试
anOnion
1 天前
构建无障碍组件之Radio group pattern
前端·html·交互设计
pe7er
1 天前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
SoaringHeart
1 天前
Flutter调试组件:打印任意组件尺寸位置信息 NRenderBox
前端·flutter
晚风予星
1 天前
Ant Design Token Lens 迎来了全面升级!支持在 .tsx 或 .ts 文件中直接使用 Design Token
前端·react.js·visual studio code
sunny_
1 天前
⚡️ vite-plugin-oxc:从 Babel 到 Oxc,我为 Vite 写了一个高性能编译插件
前端·webpack·架构
GIS之路
1 天前
ArcPy 开发环境搭建
前端
林小帅
1 天前
【笔记】OpenClaw 架构浅析
前端·agent
热门推荐
01GitHub 镜像站点02【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆03OpenClaw 使用和管理 MCP 完全指南04OpenClaw + 飞书(Feishu)环境搭建指南05Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤06OpenClaw优化飞书API 额度已耗尽问题07Window 10部署openclaw报错node.exe : npm error code 12808Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services09OpenClaw 接入阿里云百炼 Coding Plan 指南10本地部署 OpenClaw + DeepSeek-R1 完全指南