技术栈

前端-全局样式

撸码老九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
相关推荐
万少
41 分钟前
我把 Kimi 接进微信,几分钟做了个随手出图助手
前端
xiaofeichaichai
1 小时前
网络请求与实时通道
前端·网络
kTR2hD1qb
1 小时前
从 Responses API 到 Chat Completions:一个模型网关的设计复盘
linux·前端
kyriewen
3 小时前
浏览器缓存最强攻略:强缓存、协商缓存、CDN、更新策略,一篇搞定
前端·面试·浏览器
持敬chijing
3 小时前
Web渗透之SQL注入-联合查询注入-注入点数据类型判断
前端·sql·安全·web安全·网络安全·安全威胁分析
卷帘依旧
4 小时前
Web3前端一面
前端
古韵
4 小时前
告别手写分页逻辑:usePagination 从 50 行到 3 行
java·前端
小村儿
4 小时前
连载12- Cluade code 的MCP 到底还用不用
前端·后端·ai编程
IT_陈寒
4 小时前
Vite静态资源引用差点把我逼疯,原来要这样处理
前端·人工智能·后端
热门推荐
01GitHub 镜像站点02Codex 下载安装指南:Windows 和 macOS 官方版下载03【AI】2026 年具身智能模型和世界模型总结042026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf05Codex 桌面端更新后 Chrome 插件和 Computer Use 不可用,怎么排查和修复06【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法07Codex 接入 DeepSeek API 完整配置文档08CC-Switch 下载、安装与使用配置指南【2026.5.29】09CC-Switch & Claude 基于 Linux 服务器安装使用指南10裂开!ChatGPT 居然开始要手机号验证,附详细解决方法