vue 中 style 的写法

@component-namespace page {
    @component toast {
        @descendent wrapper {
            padding: 0 20px;
            position: absolute 50% * * *;
            width: 100%;
            transform: translateY(-50%);
            button:not(:last-child) {
                margin-bottom: 20px;
            }
        }
    }
}

这个是什么写法啊。。。。

回答:

postcss-bem插件功能 at-rule能力。
https://github.com/kezzbracey/postcss-bem
饿了么的vue框架用了基于PostCSS的CSS解决方案-沙拉 其中就有该插件。

回答:

不知道你这段代码从哪看的,我在mint-ui里也看到了差不多的写法,然而他的lang标记的是css,所以我猜是post-css的某个插件的功能。。。

回答:

补充一个:PostCSS深入学习: 结合BEM和SUIT方法使用PostCSS – w3cplus

回答:

less或者sass吧。总之是一种CSS预处理语言。

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注