首页 > 其他 > 详细

Flex基于sass的@mixin混入在vue中的使用【基础版_一次创建多次引用】

时间:2020-04-22 15:46:47      阅读:96      评论:0      收藏:0      [点我收藏+]
/* 自定义封装文件:flexScss.scss */
/* @mixin混入,默认center,center,编写公共sass函数 */
@mixin flex-justify-align($justify-content:center,$align-items:center){
    display: flex;
    justify-content:$justify-content;
    align-items: $align-items;
}
/* vue-cli的项目入口文件main.js中引入【路径根据自己的项目而定】 */
import ‘flexScss.scss‘
/* 页面引用 */
<style lang="scss" scoped>
    @import ‘~@/assets/css/flexScss.scss‘; 
    .elementClass{
        @include flex-justify-align(center,center);//可不传,默认center,center
    }
</style>

Flex基于sass的@mixin混入在vue中的使用【基础版_一次创建多次引用】

原文:https://www.cnblogs.com/yogic/p/12752138.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!