HBuilderX scss/sass 使用教程

安装node-sass插件

在HBuilderX中,使用scss/sass是需要安装node-sass编译插件的。

点击菜单【工具】-->【插件安装】

 

 

如果安装失败,请见:http://ask.dcloud.net.cn/article/35468

写项目的时候 需要在样式中添加的预处理器  lang="scss"

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style lang="scss">
.diy-wrap {
    height: 100vh;
}
.page-content{
    padding-bottom:55px;
    padding-bottom: calc(55px + constant(safe-area-inset-bottom));
    padding-bottom: calc(55px + env(safe-area-inset-bottom));
}
.page-content.active{
    padding-bottom:90px;
    padding-bottom: calc(90px + constant(safe-area-inset-bottom));
    padding-bottom: calc(90px + env(safe-area-inset-bottom));
}
.index_bg {
    width: 100%;
    height: 100%;
}
<style>

 

posted @   bingxiaoxiao  阅读(4236)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示