|
|
@@ -1,4 +1,49 @@
|
|
|
@media screen and (max-width: 1920px) {
|
|
|
+ // #header{
|
|
|
+ // height: 3rem;
|
|
|
+ // .wrap{
|
|
|
+ // width: 55rem;
|
|
|
+ // .mini-menu{
|
|
|
+ // display: none!important;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // #main{
|
|
|
+ // background-color: #f7f7f7;
|
|
|
+ // .main-wrap{
|
|
|
+ // width: 55rem;
|
|
|
+ // margin: 0 auto;
|
|
|
+ // margin-top: .5rem;
|
|
|
+ // overflow: hidden;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: space-between;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // .cate-list{
|
|
|
+
|
|
|
+ // .hot-item{
|
|
|
+ // .game_tag{
|
|
|
+ // margin-right: 0.5rem;
|
|
|
+ // font-size: .6rem;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+}
|
|
|
+// @media screen and (max-width: 1680px) {
|
|
|
+// #header{
|
|
|
+// font-size: 1rem;
|
|
|
+// }
|
|
|
+
|
|
|
+// }
|
|
|
+// @media screen and (max-width: 1440px) {
|
|
|
+// #header{
|
|
|
+// font-size: 1rem;
|
|
|
+// }
|
|
|
+
|
|
|
+// }
|
|
|
+@media screen and (min-width: 1100px) {
|
|
|
#header{
|
|
|
height: 3rem;
|
|
|
.wrap{
|
|
|
@@ -29,173 +74,122 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-}
|
|
|
-@media screen and (max-width: 1680px) {
|
|
|
- #header{
|
|
|
- font-size: 1rem;
|
|
|
- }
|
|
|
|
|
|
-}
|
|
|
-@media screen and (max-width: 1440px) {
|
|
|
- #header{
|
|
|
- font-size: 1rem;
|
|
|
- }
|
|
|
|
|
|
}
|
|
|
-@media screen and (max-width: 1366px) {
|
|
|
+@media screen and (max-width: 1100px){
|
|
|
#header{
|
|
|
- font-size: 1rem;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-}
|
|
|
-@media screen and (max-width: 1250px){
|
|
|
- #header{
|
|
|
- font-size: 1rem;
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (max-width:1024px) {
|
|
|
- #header{
|
|
|
- font-size: 1rem;
|
|
|
- }
|
|
|
-}
|
|
|
-@media screen and (max-width:750px) {
|
|
|
- #header{
|
|
|
- height: 60px;
|
|
|
- background-color: #eaedfc;
|
|
|
+ height: 3rem;
|
|
|
.wrap{
|
|
|
- padding:0 10px;
|
|
|
- width: 100%;
|
|
|
- .left-part{
|
|
|
- font-size: 22px;
|
|
|
- }
|
|
|
+ width: 39rem;
|
|
|
.menu{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .search-wrap{
|
|
|
- // width: 170px!important;
|
|
|
- // :deep(.el-input__wrapper){
|
|
|
- // border-radius: 20px;
|
|
|
- // }
|
|
|
- display: none;
|
|
|
+ padding: 0!important;
|
|
|
}
|
|
|
.mini-menu{
|
|
|
- display: block!important;
|
|
|
- padding-right: 15px;
|
|
|
+ display: none!important;
|
|
|
}
|
|
|
- .user{
|
|
|
- display: none;
|
|
|
+ .el-dropdown-link{
|
|
|
+ width: 5rem!important;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
- .header-hidden{
|
|
|
- height: 60px!important;
|
|
|
- }
|
|
|
#main{
|
|
|
+ background-color: #f7f7f7;
|
|
|
.main-wrap{
|
|
|
- width: 100%;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- display: block;
|
|
|
- .left-list, .right-action{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .mob-page{
|
|
|
- display: block!important;
|
|
|
- }
|
|
|
- .cate-list{
|
|
|
- .cate-tag, .divide{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .drop-tag{
|
|
|
- display: block!important;
|
|
|
- }
|
|
|
+ width: 39rem;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: .5rem;
|
|
|
+ overflow: hidden;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .left-list{
|
|
|
+ width: 24rem!important;
|
|
|
.hot-item{
|
|
|
- height: 120px;
|
|
|
- .game-logo{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- flex-direction: row-reverse;
|
|
|
- justify-content: flex-end;
|
|
|
- --van-button-small-padding:15px;
|
|
|
+ height: 5rem!important;
|
|
|
.game-poster{
|
|
|
- width: 133px;
|
|
|
- height: 75px;
|
|
|
- border-radius: var(--logo-radius);
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
- margin-bottom: 0;
|
|
|
- .down-btn{
|
|
|
- display: block!important;
|
|
|
+ width: 9rem!important;
|
|
|
}
|
|
|
.detail{
|
|
|
- width: 150px;
|
|
|
-
|
|
|
+ margin-left: 1rem!important;
|
|
|
+ max-width: 100%;
|
|
|
+ width: 13rem!important;
|
|
|
}
|
|
|
- .game_tag{
|
|
|
- margin-right: 2px;
|
|
|
- font-size: 10px;
|
|
|
+ .action{
|
|
|
+ height: 5rem!important;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .bg{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .mob-login{
|
|
|
- display: flex!important;
|
|
|
- }
|
|
|
- .rest-list{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .mob-list{
|
|
|
- display: block!important;
|
|
|
- min-height: calc(100vh - 60px)
|
|
|
- }
|
|
|
- .settings{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .mob-setting{
|
|
|
- display: block!important;
|
|
|
- }
|
|
|
- .mine{
|
|
|
- .pcbt, .game-poster{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .right{
|
|
|
- display: flex!important;
|
|
|
+ .right-action{
|
|
|
+ width: 14rem!important;
|
|
|
+ .action-item{
|
|
|
+ padding: .4rem!important;
|
|
|
+ .detail{
|
|
|
+ width: 8rem!important;
|
|
|
+ .desc{
|
|
|
+ max-width: 100%!important;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- .search_cont{
|
|
|
- .search_key{
|
|
|
- display: block!important;
|
|
|
- }
|
|
|
- .pcbt, .game-poster{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .right{
|
|
|
- display: flex!important;
|
|
|
+ .cate-list{
|
|
|
+ .cate-tag{
|
|
|
+ .tags{
|
|
|
+ margin: .4rem!important;
|
|
|
+ }
|
|
|
+ .tag-kinds{
|
|
|
+ margin-top:.4rem!important ;
|
|
|
+ }
|
|
|
}
|
|
|
.hot-item{
|
|
|
- height: 96px;
|
|
|
- width: 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- .game-logo{
|
|
|
- margin-right: 10px;
|
|
|
+ .game_tag{
|
|
|
+ margin-right: 0.5rem;
|
|
|
+ font-size: .6rem;
|
|
|
}
|
|
|
.detail{
|
|
|
- width: 170px;
|
|
|
+ max-width: 100%;
|
|
|
+ width: ;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
}
|
|
|
-@media screen and (max-width:350px) {
|
|
|
+
|
|
|
+@media screen and (max-width:992px) {
|
|
|
+ #header{
|
|
|
+ height: 3rem;
|
|
|
+ .wrap{
|
|
|
+ width: 39rem;
|
|
|
+ .mini-menu{
|
|
|
+ display: none!important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ #main{
|
|
|
+ background-color: #f7f7f7;
|
|
|
+ .main-wrap{
|
|
|
+ width: 39rem;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: .5rem;
|
|
|
+ overflow: hidden;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .cate-list{
|
|
|
+
|
|
|
+ .hot-item{
|
|
|
+ .game_tag{
|
|
|
+ margin-right: 0.5rem;
|
|
|
+ font-size: .6rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+@media screen and (max-width:768px) {
|
|
|
#header{
|
|
|
height: 60px;
|
|
|
background-color: #eaedfc;
|
|
|
@@ -328,3 +322,6 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+@media screen and (max-width:350px) {
|
|
|
+
|
|
|
+}
|
