HBuilderX scss/sass 使用教程
时间:2020-08-12 11:42:11
收藏:0
阅读:476
安装node-sass插件
在HBuilderX中,使用scss/sass是需要安装node-sass编译插件的。
点击菜单【工具】-->【插件安装】
如果安装失败,请见:http://ask.dcloud.net.cn/article/35468
写项目的时候 需要在样式中添加的预处理器 lang="scss"
<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>
原文:https://www.cnblogs.com/xiaoxiao2017/p/13489386.html
评论(0)