|
|
@@ -47,7 +47,7 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="btn dl" v-if="!(showInfo.catalogRoot.length == 1 && scenes.length == 1 && showInfo.catalogs.length == 1)" @click="showList = !showList"><i class="iconfont " :class="showList ? 'iconnav_scene_down' : 'iconnav_scene_up'"></i>场景导航</div>
|
|
|
+ <div class="btn dl" :class="{deepbg:showList}" v-if="!(showInfo.catalogRoot.length == 1 && scenes.length == 1 && showInfo.catalogs.length == 1)" @click="showList = !showList"><i class="iconfont " :class="showList ? 'iconnav_scene_down' : 'iconnav_scene_up'"></i>场景导航</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -312,6 +312,10 @@ export default {
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .deepbg{
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+ }
|
|
|
.l-con {
|
|
|
width: 100%;
|
|
|
transition: all ease 0.3s;
|
|
|
@@ -343,15 +347,17 @@ export default {
|
|
|
.pp-tap {
|
|
|
padding: 0 0 16px;
|
|
|
> li {
|
|
|
- max-width: 100px;
|
|
|
+ max-width: 84px;
|
|
|
+ margin: 0 10px;
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
.tap {
|
|
|
- padding: 16px 0;
|
|
|
+ padding: 20px 0 16px;
|
|
|
|
|
|
> li {
|
|
|
position: relative;
|
|
|
- width: 116px;
|
|
|
+ width: 104px;
|
|
|
.btn{
|
|
|
width: 100%;
|
|
|
padding: 0;
|
|
|
@@ -368,7 +374,7 @@ export default {
|
|
|
border-right: @size * 1.5 solid transparent;
|
|
|
border-top: @size*2 solid rgba(0, 0, 0, 0.5);
|
|
|
position: absolute;
|
|
|
- top: -18px;
|
|
|
+ top: -20px;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
}
|