饿了么学习补充
程序员文章站
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