久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

分享

Less相關(guān)的用法以及Vue2.0 中如何使用Less

 15所 2020-08-30

(一)less的用法:

(二)vue 2.0中如何使用less插件

1:vue先安裝less插件

npm install less less-loader --save

2:修改webpack.base.conf.js文件,,配置loader加載依賴,,讓其在項(xiàng)目中使用less ,配置的方法:

文件下的

rules數(shù)組中新增加配置項(xiàng):

1
2
3
4
{
    test: /\.less$/,
    loader: 'style-loader!css-loader!less-loader',
}

3:就可以在項(xiàng)目中使用less了,,在組件的style 上面添加 lang='less'屬性和屬性值,,即可。

1
2
3
4
5
<template>
  <div class='wrap-con'>
    <h1>1111</h1>
  </div>
</template>
1
2
3
4
5
6
7
<style scoped lang='less'>
    .wrap-con{
        h1{
            color: #f30;
        }
    }
</style> 

效果如下: 

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,,所有內(nèi)容均由用戶發(fā)布,,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購(gòu)買等信息,,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,,請(qǐng)點(diǎn)擊一鍵舉報(bào),。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多