航海样式调整

This commit is contained in:
qf
2023-03-17 18:39:16 +08:00
parent e88b427b95
commit 764b7db656
5 changed files with 31 additions and 30 deletions

View File

@@ -69,7 +69,7 @@ body {
.more .dress_wrap .dress .give {
width: 100%;
position: absolute;
top: 0.35rem;
top: 0.365rem;
left: 50%;
transform: translateX(-50%);
text-align: center;
@@ -83,7 +83,7 @@ body {
height: 0.2266666667rem; }
.more .dress_wrap .dress .diamondNum {
position: absolute;
top: 3.92rem;
top: 3.95rem;
left: 0.8rem;
font-size: 0.2666666667rem;
color: #FFF577; }
@@ -101,7 +101,7 @@ body {
left: 0;
bottom: 0;
width: 10rem;
height: 1.8666666667rem;
height: 2.1733333333rem;
background-color: #320FE6;
display: flex;
align-items: center; }
@@ -174,8 +174,8 @@ body {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 7.5466666667rem;
height: 4.8rem;
width: 7.7333333333rem;
height: 6.0266666667rem;
background: url("../images/shade_buy.png");
background-size: 100% 100%; }
.shade-mask-buy .shade-content-buy .title {
@@ -190,7 +190,7 @@ body {
font-weight: 600; }
.shade-mask-buy .shade-content-buy .buy-num {
height: 0.6rem;
margin-top: 1.5rem;
margin-top: 2rem;
margin-left: 1.5333333333rem;
display: flex;
align-items: center;
@@ -216,7 +216,7 @@ body {
.shade-mask-buy .shade-content-buy .buy-day,
.shade-mask-buy .shade-content-buy .buy-price {
height: 0.3466666667rem;
margin-top: 0.2666666667rem;
margin-top: 0.3rem;
margin-left: 1.5333333333rem;
display: flex;
align-items: center;
@@ -231,13 +231,13 @@ body {
font-weight: 500;
margin-left: 0.4rem; }
.shade-mask-buy .shade-content-buy .buy-btn {
margin-top: 0.3333333333rem;
margin-top: 0.4666666667rem;
display: flex;
justify-content: space-evenly; }
.shade-mask-buy .shade-content-buy .buy-btn .confirm,
.shade-mask-buy .shade-content-buy .buy-btn .cancel {
width: 2.1333333333rem;
height: 0.64rem; }
width: 2.8rem;
height: 0.84rem; }
.shade-mask-no-money {
display: none;
@@ -253,8 +253,8 @@ body {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 7.5466666667rem;
height: 4.8rem;
width: 7.7333333333rem;
height: 6.0266666667rem;
background: url("../images/noMoney.png");
background-size: 100% 100%; }
.shade-mask-no-money .no-money-wrap .no_money {
@@ -268,12 +268,12 @@ body {
color: #999;
margin-top: 0.3466666667rem; }
.shade-mask-no-money .no-money-wrap .buy-btn {
margin-top: 3.5rem;
margin-top: 4.2rem;
display: flex;
justify-content: space-evenly; }
.shade-mask-no-money .no-money-wrap .buy-btn .recharge,
.shade-mask-no-money .no-money-wrap .buy-btn .cancel {
width: 2.1333333333rem;
height: 0.64rem; }
width: 2.8rem;
height: 0.84rem; }
/*# sourceMappingURL=more.css.map */

View File

@@ -120,7 +120,7 @@ body {
.give {
width: 100%;
position: absolute;
top: 0.35rem;
top: 0.365rem;
left: 50%;
transform: translateX(-50%);
text-align: center;
@@ -138,7 +138,7 @@ body {
.diamondNum {
position: absolute;
top: 3.92rem;
top: 3.95rem;
left: 0.8rem;
font-size: px2rem(20, );
color: #FFF577;
@@ -164,7 +164,7 @@ body {
left: 0;
bottom: 0;
width: px2rem(750, );
height: px2rem(140, );
height: px2rem(163, );
background-color: #320FE6;
display: flex;
align-items: center;
@@ -264,8 +264,8 @@ body {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(566, );
height: px2rem(360, );
width: px2rem(580, );
height: px2rem(452, );
background: url('../images/shade_buy.png');
background-size: 100% 100%;
@@ -286,7 +286,7 @@ body {
.buy-num {
height: px2rem(45, );
margin-top: 1.5rem;
margin-top: 2rem;
margin-left: px2rem(115, );
display: flex;
align-items: center;
@@ -320,7 +320,7 @@ body {
.buy-day,
.buy-price {
height: px2rem(26, );
margin-top: px2rem(20, );
margin-top: 0.3rem;
margin-left: px2rem(115, );
display: flex;
align-items: center;
@@ -338,14 +338,14 @@ body {
}
.buy-btn {
margin-top: px2rem(25, );
margin-top: px2rem(35, );
display: flex;
justify-content: space-evenly;
.confirm,
.cancel {
width: px2rem(160, );
height: px2rem(48, );
width: px2rem(210, );
height: px2rem(63, );
}
}
}
@@ -366,8 +366,8 @@ body {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(566, );
height: px2rem(360, );
width: px2rem(580, );
height: px2rem(452, );
background: url('../images/noMoney.png');
background-size: 100% 100%;
@@ -386,14 +386,14 @@ body {
}
.buy-btn {
margin-top: 3.5rem;
margin-top: 4.2rem;
display: flex;
justify-content: space-evenly;
.recharge,
.cancel {
width: px2rem(160, );
height: px2rem(48, );
width: px2rem(210, );
height: px2rem(63, );
}
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

@@ -25,6 +25,7 @@ function swiperFun() {
var swiper = new Swiper('.swiper', {
direction: 'vertical',
pagination: '.swiper-pagination',
paginationClickable :true,
loop: true,
autoplay: 5000,
// nextButton: ".swiper-button-next",