欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

饿了么学习补充

程序员文章站 2022-03-26 11:35:35
...

1、视屏中使用的是stylus,而我用的是less。
安装less

npm install -g --save less

2、less和stylus针对不同屏幕密度设置问题,使用视频上的方法是不起作用的改成如下方法

.border-1px(@color) {
    position: relative;
    &:after {
        position: absolute;
        border-bottom: 1px solid @color;
        left: 0;
        bottom: 0;
        width: 100%;
        content: ' ';
        //根据屏幕密度来缩放线条
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { 
            -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7)
        }
        @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { 
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5)
        }
    }
}

3、安装axios

npm install --save axios

4、使用mockjs

npm install --save mockjs

饿了么学习补充
使用better-scroll,滚动联动插件

npm install--save better-scroll

源码