使用less写函数

2020-04-02  本文已影响0人  魔仙堡杠把子灬

惊艳不了谁的岁月,温暖不了谁的人生。

前端QQ群: 981668406
在此附上我的QQ: 2489757828 有问题的话可以一同探讨
我的github: 李大玄
我的私人博客: 李大玄
我的简书: 李大玄
我的CSDN: 李大玄

在咱们写移动端的时候,会用到rem布局,咱们会写转换的函数,但是ui给到的设计图一般都是px,所以咱们使用less 简单的写一个函数

<style lang="less" scoped>
    .rem(@name,@px) {
        @{name}: unit(@px / 100, rem);
     }
    .root[time="1565257240441"]{
        .listview{
            padding-left: 0.24rem;
            .title{
                font-size: 0.3rem;
            }
        >div{
                height: 1.08rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .rem(border-bottom, 2);
                border-style: solid;
                border-color: #eee;
            }
        }

    }
</style>

上一篇 下一篇

猜你喜欢

热点阅读