.breadTop{height:60px;显示：弹性；在任何组件或更少的文件中对齐-项目：中心；证明内容：空格之间；向右填充：15px；h6{.mixin-font-class(@fontColor:red;@fontSize:12px;@fontFamily:"PingFang-SC-medium");}h2{.mixin-font-class(@fontColor:blue;@fontSize:15px;@fontFamily:"PingFang-SC-regular");}}编程方式的好处1.全局控制，避免样式散乱2.代码简洁，开发速度快函数式编程使用大量的函数，减少代码重复，所以程序比较短，开发速度快3.接近自然语言，易于理解函数式编程自由度高，可以写出非常接近自然语言的代码4.更方便的代码管理5.写作风格成为一种艺术LessBad.card-title{font:"PingFang-SC-medium";颜色：#333；font-size:18px;}.card-title{font:"PingFang-SC-regular";字体大小：14px；color:#333;}Good//declarelessfunction.mixin-font-class(@fontColor:yellow;@fontSize;@fontFamily){字体系列:@fontFamily;字体大小：@fontSize；颜色：@fontColor;}applyh6{.mixin-font-class(@fontColor:red;@fontSize:12px;@fontFamily:"PingFang-SC-medium");}h2{.mixin-font-class(@fontColor:blue;@fontSize:15px;@fontFamily:"PingFang-SC-regular");}Vue-cli模式下的全局Less//添加全局lesspluginOptions:{'style-resources-loader':{preProcessor:'less',patterns:[resolve('./src/less/theme.less')]}},//使用.breadTop{height:60px;显示：弹性；在任何组件或更少的文件中对齐-项目：中心；证明内容：空格之间；向右填充：15px；h6{.mixin-font-class(@fontColor:red;@fontSize:12px;@fontFamily:"PingFang-SC-medium");}h2{.mixin-font-class(@fontColor:blue;@fontSize:15px;@fontFamily:"PingFang-SC-regular");}}scss$font-normal-color=#222;$font-light-color=#333;@mixinfont-class($fontFamily,$fontSize,$fontColor){font-family:$fontFamily;字体大小：$fontSize；颜色：$fontColor;}@mixinfont-large($size:14px,$color:$font-normal-color){@includefont-class($font-family-medium,$size,$color);}@mixinfont-normal($size:14px,$color:$font-light-color){@includefont-class($font-family-regular,$size,$color);}使用.form-title{@include字体大（16px，红色）；}。form-text{@includefont-large(12px,blue);}注意less函数的参数使用的@，以及scss使用的$。推荐30分钟学会LessSASS使用指南
