航海添加背景

This commit is contained in:
qf
2023-03-15 11:13:46 +08:00
parent 8ec7357a8f
commit 0242c0b37f
9 changed files with 38 additions and 21 deletions

View File

@@ -15,6 +15,10 @@ body {
height: calc(100vh); } height: calc(100vh); }
.more { .more {
width: 10rem;
height: 100%;
background: url("../images/more.png");
background-size: 100% 100%;
position: relative; } position: relative; }
.more .wanfa { .more .wanfa {
width: 1.68rem; width: 1.68rem;

View File

@@ -32,11 +32,11 @@ body {
} }
.more { .more {
// width: px2rem(750, ); width: px2rem(750, );
// // height: px2rem(1030, ); // height: px2rem(1030, );
// height: 100%; height: 100%;
// background: url('../images/more.png'); background: url('../images/more.png');
// background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
.wanfa { .wanfa {

View File

@@ -15,6 +15,10 @@ body {
height: calc(100vh); } height: calc(100vh); }
.play { .play {
width: 10rem;
height: 100%;
background: url("../images/play_explain.png");
background-size: 100% 100%;
/* <360px */ } /* <360px */ }
@media screen and (max-width: 360px) { @media screen and (max-width: 360px) {
.play ul { .play ul {

View File

@@ -33,11 +33,11 @@ body {
} }
.play { .play {
// width: px2rem(750, ); width: px2rem(750, );
// // height: px2rem(1030, ); // height: px2rem(1030, );
// height: 100%; height: 100%;
// background: url('../images/play_explain.png'); background: url('../images/play_explain.png');
// background-size: 100% 100%; background-size: 100% 100%;
/* <360px */ /* <360px */
@media screen and (max-width:360px) { @media screen and (max-width:360px) {

View File

@@ -15,6 +15,10 @@ body {
height: calc(100vh); } height: calc(100vh); }
.play { .play {
width: 10rem;
height: 100%;
background: url("../images/play_intro.png");
background-size: 100% 100%;
/* <375px */ } /* <375px */ }
.play .introduce { .play .introduce {
width: 8.0133333333rem; width: 8.0133333333rem;

View File

@@ -33,11 +33,11 @@ body {
} }
.play { .play {
// width: px2rem(750, ); width: px2rem(750, );
// // height: px2rem(1030, ); // height: px2rem(1030, );
// height: 100%; height: 100%;
// background: url('../images/play_intro.png'); background: url('../images/play_intro.png');
// background-size: 100% 100%; background-size: 100% 100%;
/* <375px */ /* <375px */
// @media screen and (max-width:375px) { // @media screen and (max-width:375px) {

View File

@@ -15,6 +15,11 @@ body {
height: calc(100vh); } height: calc(100vh); }
.record { .record {
width: 10rem;
height: 100%;
background: url("../images/win_record.png");
background-size: 100% 100%;
position: relative;
/* <360px */ } /* <360px */ }
@media screen and (max-width: 360px) { @media screen and (max-width: 360px) {
.record ul { .record ul {

View File

@@ -32,12 +32,12 @@ body {
} }
.record { .record {
// width: px2rem(750, ); width: px2rem(750, );
// // height: px2rem(1030, ); // height: px2rem(1030, );
// height: 100%; height: 100%;
// background: url('../images/win_record.png'); background: url('../images/win_record.png');
// background-size: 100% 100%; background-size: 100% 100%;
// position: relative; position: relative;
/* <360px */ /* <360px */
@media screen and (max-width:360px) { @media screen and (max-width:360px) {