fe / xianyu-ufo-app-web · Commits

Go to a project

Authored by 邱骏
Commit 9c044c247e2dcac3bace2846c782bb39fd8fbda3 1 parent e51aad56

增加height在560以下的手机样式判断

Inline Side-by-side
Showing 1 changed file with 25 additions and 1 deletions
... ... @@ -15,6 +15,9 @@ export default {
};
},
activated() {
this.tipsStep = 1;
this.canShowTips = 0;
this.touchStartY = 0;
this.checkCanShowTips();
},
methods: {
... ... @@ -85,7 +88,7 @@ export default {
}
@media screen and (max-width: 375px) {
@media screen and (max-height: 812px){
@media screen and (max-height: 812px) {
.step-1 {
background-image: url('~statics/image/product/detail-useage-tips-xs-1.png');
}
... ... @@ -170,6 +173,27 @@ export default {
background-image: url('~statics/image/product/detail-useage-tips-4.png');
}
}
@media screen and (max-height: 560px){
.step-1 {
background-image: url('~statics/image/product/detail-useage-tips-1.png');
}
.step-2 {
background-position: left -160px;
background-image: url('~statics/image/product/detail-useage-tips-2.png');
}
.step-3 {
background-position: left -112px;
background-image: url('~statics/image/product/detail-useage-tips-3.png');
}
.step-4 {
background-position: left -200px;
background-image: url('~statics/image/product/detail-useage-tips-4.png');
}
}
}
}
... ...