vue-elem-stylus 的mixin用法

Posted 风流倜傥任潇洒, 不负青春好年华。

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-elem-stylus 的mixin用法相关的知识,希望对你有一定的参考价值。

.tab

border-1px{red}

 

 

minxin

border-1px(&color)

position:relative
&::after
display:block
position:absolute
left:0
bottom:0

width:100%
border-top:1px solid $color
content:‘‘

 

媒体查询解决1移动端像素问题

 

在添加1px的类加同级类.border-1px

@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5)
.border-1px
&::after
-webkit-transform:scaleY(0.7)
transfom:scaleY(0.7)

 

 

@media (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2)
.border-1px
&::after
-webkit-transform:scaleY(0.5)
transfom:scaleY(0.5)

以上是关于vue-elem-stylus 的mixin用法的主要内容,如果未能解决你的问题,请参考以下文章

vue中的mixins怎么用?

九vue mixins 的用法

vue里面的Mixins(混合)

vue.js 中的mixins 的用法

vue.js 中的mixins 的用法

scss Sass mixins - 用法