当前位置: 代码迷 >> 综合 >> 混合器定义组来实现样式复用 mixin.scss
  详细解决方案

混合器定义组来实现样式复用 mixin.scss

热度:61   发布时间:2024-01-17 16:35:40.0
定义   mixin.scss@mixin rounded-corners {
    
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
使用 <style lang="scss" scoped>
@import "~@/styles/mixin.scss";通过@include来使用这个混合器,放在你希望的任何地方
notice {
    
background-color: green;
border: 2px solid #00aa00;
@include rounded-corners;
}
  相关解决方案