大佬教程收集整理的这篇文章主要介绍了如何使用 vue.js 2.0 更改从 _variables.scss 导入的 Material Design Web 中的变量,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试创建一个新文件 _variables.sCSS,我使用的是 vue 2.0 和 Material Design Web。 我有 app.vue 和 :root 这样的:
:root {
--mdc-theme-priMary: #00add8;
--mdc-theme-secondary: #00303D;
--mdc-theme-surface: rgb(221,221,221);
--mdc-theme-BACkground: yellow;
--mdc-theme-error: red;
--mdc-theme-on-priMary: rgb(255,255,255);
--mdc-theme-on-secondary: blue;
--mdc-theme-on-surface: black;
--mdc-theme-on-error: whitesmoke;
}
处理一些变量,但并非所有变量都被检测到。 我尝试使用文件 _variables.sCSS 并像这样:
$mdc-theme-priMary: #00add8;
$mdc-theme-secondary: #00303D;
$mdc-theme-surface: rgb(221,221);
$mdc-theme-BACkground: yellow;
$mdc-theme-error: red;
并在 app.vue 中导入 _variables 但不起作用。 如何在 vue.Js 中使用 Material Design Web 创建 _variables.sCSS?
我的 vue.config.Js
* @type {import('@vue/cli-service').Projectoptions}
*/
module.exports = {
CSS: {
loaderOptions: {
sass: {
sassOptions: {
includePaths: [
'./node_modules'
]
}
}
},sourceMap: true
},publicPath: '/app/'
}
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的如何使用 vue.js 2.0 更改从 _variables.scss 导入的 Material Design Web 中的变量全部内容,希望文章能够帮你解决如何使用 vue.js 2.0 更改从 _variables.scss 导入的 Material Design Web 中的变量所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。