nuxt如何使用less编写样式?

第一步   安装

npm install less less-loader --save-dev

第二步  使用  

<style scoped lang="less">
.container{
margin: 100px 0 ;
border-top: 1px solid #7f828b;
p{
font-size: 22px;
color: red;
line-height: 30px;
text-align: center;
}
.dsiab.com{
display: flex;
justify-content: space-around;
.flexDiv{
text-align: center;
color: blue;
}
}
}
不用配置其他就可以生效了。

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):