为什么捐赠
API 资源管理器
升级指南
新增!
quasar.config 文件
转换为使用 Webpack 的 CLI
浏览器兼容性
支持 TypeScript
目录结构
命令列表
CSS 预处理器
路由
延迟加载 - 代码分割
处理资源
启动文件
预取功能
API 代理
处理 Webpack
处理 process.env
使用 Pinia 进行状态管理
使用 Vuex 进行状态管理
代码检查器
测试与审计
开发移动应用
Ajax 请求
向公众开放开发服务器
Quasar CLI 与 Webpack - @quasar/app-webpack
CSS 预处理器

SassSCSS(推荐使用这两种风格中的任何一种)是通过 Quasar CLI 支持的开箱即用的 CSS 预处理器,如果您想使用它们。

您无需安装任何其他包或扩展 Webpack 配置。

操作方法

您的 Vue 文件可以通过 <style> 标签包含 Sass/SCSS 代码。

<!-- Notice lang="sass" -->
<style lang="sass">
div
  color: #444
  background-color: #dadada
</style>
<!-- Notice lang="scss" -->
<style lang="scss">
div {
  color: #444;
  background-color: #dadada;
}
</style>

当然,也支持标准 CSS

<style>
div {
  color: #444;
  background-color: #dadada;
}
</style>

变量

Quasar 还提供变量($primary$grey-3 等,还有更多),您可以直接使用它们。阅读更多关于 Sass/SCSS 变量 的信息。