|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div
|
|
|
class="scroll-wrapper"
|
|
|
- :class="{ darkTheme: darkTheme }"
|
|
|
+ :class="[{ darkTheme: darkTheme }, routeName]"
|
|
|
id="scroll-wrapper"
|
|
|
ref="scroll"
|
|
|
@scroll="scrollEvent"
|
|
|
@@ -103,6 +103,7 @@ import 'swiper/swiper-bundle.min.css';
|
|
|
|
|
|
import SwiperCore, { Pagination, Autoplay } from 'swiper';
|
|
|
import dayjs from 'dayjs';
|
|
|
+import { throwStatement } from '@babel/types';
|
|
|
|
|
|
// install Swiper modules
|
|
|
SwiperCore.use([Pagination, Autoplay]);
|
|
|
@@ -140,7 +141,8 @@ export default {
|
|
|
keeps: [],
|
|
|
bodyScroll: 0,
|
|
|
showSplash: false,
|
|
|
- setting: false
|
|
|
+ setting: false,
|
|
|
+ routeName: ''
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
|
@@ -153,6 +155,7 @@ export default {
|
|
|
} else {
|
|
|
this.setting = false;
|
|
|
}
|
|
|
+ this.routeName = this.$route.name;
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -165,6 +168,7 @@ export default {
|
|
|
}
|
|
|
this.getCard();
|
|
|
}
|
|
|
+ this.routeName = this.$route.name;
|
|
|
},
|
|
|
methods: {
|
|
|
getCard() {
|
|
|
@@ -259,6 +263,42 @@ export default {
|
|
|
}
|
|
|
.scroll-wrapper {
|
|
|
background-color: @bg;
|
|
|
+
|
|
|
+ &.store {
|
|
|
+ background-color: #0f0f0f;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.home {
|
|
|
+ background-color: var(--bg);
|
|
|
+ }
|
|
|
+
|
|
|
+ &.productDetail,
|
|
|
+ &.assetDetail,
|
|
|
+ &.auctionDetail {
|
|
|
+ background-color: #0f0f0f;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.productSearchCorpse,
|
|
|
+ &.discover,
|
|
|
+ &.mine,
|
|
|
+ &.creatorDetail {
|
|
|
+ background-color: #272b2e;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.userLogin,
|
|
|
+ &.userRegister {
|
|
|
+ background-color: #101010;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.chatList,
|
|
|
+ &.chatDetail,
|
|
|
+ &.teamSetting {
|
|
|
+ background-color: #1c1c1c;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.auction {
|
|
|
+ background-color: #030001;
|
|
|
+ }
|
|
|
}
|
|
|
.scroll-wrappers {
|
|
|
background-color: #272b2e;
|
