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> |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步