yinmeng/yinmeng-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

航海样式调整

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

BIN
view/yinmeng/activity/act-sail/css/.sass-cache/b5519f7be2f39821d79d9c5174863f949ebbeee1/more.scssc Normal file
View File

Binary file not shown.

30
view/yinmeng/activity/act-sail/css/more.css
View File

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

30
view/yinmeng/activity/act-sail/css/more.scss
View File

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

BIN
view/yinmeng/activity/act-sail/images/buybtn.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

1
view/yinmeng/home/js/index.js
View File

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