|
@@ -274,26 +274,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- 左上方的标题 -->
|
|
|
- <div class="leftTitle" :class="{ leftTitleHide: !leftTitleShow }">
|
|
|
- <img
|
|
|
- class="leftIcon"
|
|
|
- @click="leftTitleShow = false"
|
|
|
- src="../../assets/img/left.svg"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="leftXian"></div>
|
|
|
- <div class="leftTxt">{{ leftTitleTxt }}</div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div
|
|
|
- class="leftTitleShow"
|
|
|
- @click="leftTitleShow = true"
|
|
|
- :class="{ leftTitleShowAc: !leftTitleShow }"
|
|
|
- >
|
|
|
- <img class="leftIcon" src="../../assets/img/right.svg" alt="" />
|
|
|
- </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -304,9 +284,6 @@ export default {
|
|
|
return {
|
|
|
isGuide: true,
|
|
|
musicState: false,
|
|
|
- // 左上方的标题
|
|
|
- leftTitleTxt: "务川博物馆",
|
|
|
- leftTitleShow: true,
|
|
|
};
|
|
|
},
|
|
|
watch: {},
|
|
@@ -348,66 +325,6 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.leftTitle {
|
|
|
- transition: all 0.3s;
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- top: 30px;
|
|
|
- z-index: 9999;
|
|
|
- display: flex;
|
|
|
- background-color: rgba(94, 26, 19, 0.8);
|
|
|
- height: 36px;
|
|
|
- align-items: center;
|
|
|
- padding-right: 30px;
|
|
|
- border-radius: 0 18px 18px 0;
|
|
|
- .leftIcon {
|
|
|
- cursor: pointer;
|
|
|
- position: relative;
|
|
|
- top: 1px;
|
|
|
- margin: 0 10px;
|
|
|
- width: 16px;
|
|
|
- }
|
|
|
- .leftXian {
|
|
|
- width: 1px;
|
|
|
- height: 16px;
|
|
|
- margin-right: 10px;
|
|
|
- background: linear-gradient(
|
|
|
- rgba(255, 255, 255, 0.2),
|
|
|
- rgba(255, 255, 255, 1),
|
|
|
- rgba(255, 255, 255, 0.2)
|
|
|
- );
|
|
|
- }
|
|
|
-}
|
|
|
-.leftTitleHide {
|
|
|
- left: -300px;
|
|
|
-}
|
|
|
-.leftTitleShow {
|
|
|
- transition: all 0.3s;
|
|
|
- opacity: 0;
|
|
|
- pointer-events: none;
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- top: 30px;
|
|
|
- z-index: 9999;
|
|
|
- display: flex;
|
|
|
- background-color: rgba(94, 26, 19, 0.8);
|
|
|
- height: 36px;
|
|
|
- align-items: center;
|
|
|
- padding-right: 5px;
|
|
|
- border-radius: 0 18px 18px 0;
|
|
|
- .leftIcon {
|
|
|
- cursor: pointer;
|
|
|
- position: relative;
|
|
|
- top: 1px;
|
|
|
- margin: 0 10px;
|
|
|
- width: 16px;
|
|
|
- }
|
|
|
-}
|
|
|
-.leftTitleShowAc {
|
|
|
- opacity: 1;
|
|
|
- pointer-events: auto;
|
|
|
-}
|
|
|
-
|
|
|
#hotList {
|
|
|
display: none !important;
|
|
|
}
|