Vue3中Less 、Sass的使用_GIS数据共享

Vue3中Less 、Sass的使用

2024-02-18 17:43:50  浏览：1305  作者：管理员
Vue3中Less 、Sass的使用

less的使用

在Vue项目中，需要通过npm安装相关包(开发依赖即可)

 【npm install less -D】【npm install less-loader -D】

  然后直接使用即可：

<style scoped>

.box1 {
width: 400px;
height: 400px;
background-color: antiquewhite;

.childBox {
width: 200px;
height: 200px;
background-color: aqua;
}
}
</style>

Sass的使用

在Vue项目中，需要通过npm安装相关包(开发依赖即可)

 【npm install sass -D】【npm install sass-loader -D】

  然后直接使用即可：

<style scoped>

.box1 {
width: 400px;
height: 400px;
background-color: antiquewhite;

.childBox {
width: 200px;
height: 200px;
background-color: aqua;
}
}
</style>


扫码查看

上一篇：Vue3中CSS用法(scoped、选择器、module、v-bind)

下一篇：解决Element Plus中Select在El Dialog里层级过低的问题（修改select选项框样式）

评论区

共 0 条评论
  • 这篇文章还没有收到评论，赶紧来抢沙发吧~

【随机内容】

返回顶部