|
@@ -23,7 +23,7 @@
|
|
<div class="h3">專櫃導航</div>
|
|
<div class="h3">專櫃導航</div>
|
|
<div class="swiper-container" id="sw-navigation">
|
|
<div class="swiper-container" id="sw-navigation">
|
|
<ul class="swiper-wrapper">
|
|
<ul class="swiper-wrapper">
|
|
- <li class="swiper-slide" @click.stop="onClickShop(item)" v-for="(item, i) in brandlist" :key="i">
|
|
|
|
|
|
+ <li class="swiper-slide" :class="{liactive:item.sceneUrl == currentM}" @click.stop="onClickShop(item)" v-for="(item, i) in brandlist" :key="i">
|
|
<div v-if="item.shopLogo" class="img" :style="{ 'background-image': `url(${item.shopLogo})` }"></div>
|
|
<div v-if="item.shopLogo" class="img" :style="{ 'background-image': `url(${item.shopLogo})` }"></div>
|
|
<div class="name" v-if="item.shopName">
|
|
<div class="name" v-if="item.shopName">
|
|
<span :class="{active:item.shopName.length>6}">
|
|
<span :class="{active:item.shopName.length>6}">
|
|
@@ -81,6 +81,8 @@ const currentCategory = ref({
|
|
categoryName: "全部",
|
|
categoryName: "全部",
|
|
});
|
|
});
|
|
|
|
|
|
|
|
+const currentM = browser.getURLParam("m")
|
|
|
|
+
|
|
const isPlay = computed(() => {
|
|
const isPlay = computed(() => {
|
|
let status = store.getters["tour/isPlay"];
|
|
let status = store.getters["tour/isPlay"];
|
|
let map = document.querySelector(".kankan-app div[xui_min_map]");
|
|
let map = document.querySelector(".kankan-app div[xui_min_map]");
|
|
@@ -370,6 +372,12 @@ onMounted(() => {
|
|
position: relative;
|
|
position: relative;
|
|
font-size: 0;
|
|
font-size: 0;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
|
+ border: 1px transparent solid;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ &.liactive{
|
|
|
|
+ color:var(--editor-main-color);
|
|
|
|
+ border: 1px var(--editor-main-color) solid;
|
|
|
|
+ }
|
|
.img {
|
|
.img {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|