|
@@ -1,8 +1,16 @@
|
|
|
<template>
|
|
|
<div class="gdmuseum">
|
|
|
<div class="info" v-if="currentMuseum">
|
|
|
- <div>{{currentMuseum.name}}</div>
|
|
|
- <p>
|
|
|
+ <div class="title">
|
|
|
+ <div>
|
|
|
+ {{currentMuseum.name}}
|
|
|
+ <img
|
|
|
+ :class="isShowDesc ? 'expand' : 'collapse'" src="@/assets/images/icon/down_prompt.png" alt=""
|
|
|
+ @click="onClickExpandBtn"
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p v-show="isShowDesc">
|
|
|
{{currentMuseum.description || '暂无简介'}}
|
|
|
</p>
|
|
|
</div>
|
|
@@ -60,11 +68,17 @@ const menu = ref([
|
|
|
},
|
|
|
]);
|
|
|
|
|
|
+const isShowDesc = ref(true)
|
|
|
+
|
|
|
let handleTab = (data) => {
|
|
|
console.log(data, "data");
|
|
|
panelPage.value = data.component
|
|
|
};
|
|
|
|
|
|
+const onClickExpandBtn = () => {
|
|
|
+ isShowDesc.value = !isShowDesc.value
|
|
|
+}
|
|
|
+
|
|
|
let updateMuseum = (data)=>{
|
|
|
console.log(data,'sdsd');
|
|
|
currentMuseum.value = data
|
|
@@ -83,12 +97,26 @@ let updateMuseum = (data)=>{
|
|
|
width: 90%;
|
|
|
margin: 0 auto;
|
|
|
|
|
|
- >div {
|
|
|
- width: 100%;
|
|
|
+ > .title {
|
|
|
font-size: 18px;
|
|
|
font-weight: bold;
|
|
|
color: var(--main-color);
|
|
|
text-align: center;
|
|
|
+ position: relative;
|
|
|
+ text-align: center;
|
|
|
+ > div {
|
|
|
+ display: inline-block;
|
|
|
+ > img {
|
|
|
+ position: absolute;
|
|
|
+ right: calc(-1 * (15px + 17px));
|
|
|
+ top: 11px;
|
|
|
+ width: 17px;
|
|
|
+ height: 9px;
|
|
|
+ &.collapse {
|
|
|
+ transform: rotate(180deg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
>p {
|