|
@@ -2,7 +2,7 @@
|
|
<div class="Visit2" data-aria-viewport-area tabindex="0"
|
|
<div class="Visit2" data-aria-viewport-area tabindex="0"
|
|
aria-label aria-description="You've reached the content area for the Reservation page. This area contains three parts of content. Please press the tab key to browse the information."
|
|
aria-label aria-description="You've reached the content area for the Reservation page. This area contains three parts of content. Please press the tab key to browse the information."
|
|
>
|
|
>
|
|
- <div
|
|
|
|
|
|
+ <!-- <div
|
|
class="public"
|
|
class="public"
|
|
:class="{ hintShow: hintShow }"
|
|
:class="{ hintShow: hintShow }"
|
|
@click="hintShow = true"
|
|
@click="hintShow = true"
|
|
@@ -14,7 +14,7 @@
|
|
The reservation service is now under maintenance. Please go to Capital
|
|
The reservation service is now under maintenance. Please go to Capital
|
|
Museum's WeChat account for reservation.<span>X</span>
|
|
Museum's WeChat account for reservation.<span>X</span>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
<div class="mm1">
|
|
<div class="mm1">
|
|
<div class="mm1l">
|
|
<div class="mm1l">
|
|
<p>
|
|
<p>
|
|
@@ -34,18 +34,18 @@
|
|
required to show the number and valid ID in order to receive free
|
|
required to show the number and valid ID in order to receive free
|
|
entrance tickets on the day of their visit.
|
|
entrance tickets on the day of their visit.
|
|
</p>
|
|
</p>
|
|
- <h2 tabindex="0">Online Reservation</h2>
|
|
|
|
|
|
+ <!-- <h2 tabindex="0">Online Reservation</h2> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar">
|
|
<div class="sidebar">
|
|
<ul>
|
|
<ul>
|
|
<!-- 第一个内容 -->
|
|
<!-- 第一个内容 -->
|
|
<li class="title">
|
|
<li class="title">
|
|
|
|
+ <div class="showCon" @click="cutFlag('one')"></div>
|
|
<span tabindex="0">Guidelines for Reservations</span>
|
|
<span tabindex="0">Guidelines for Reservations</span>
|
|
<span
|
|
<span
|
|
class="arrow"
|
|
class="arrow"
|
|
:class="{ 'arrow-up': flag === 'one' }"
|
|
:class="{ 'arrow-up': flag === 'one' }"
|
|
- @click="cutFlag('one')"
|
|
|
|
@keydown.enter.passive="cutFlag('one')"
|
|
@keydown.enter.passive="cutFlag('one')"
|
|
tabindex="0"
|
|
tabindex="0"
|
|
aria-label="Button"
|
|
aria-label="Button"
|
|
@@ -223,6 +223,7 @@
|
|
</tr>
|
|
</tr>
|
|
</tbody>
|
|
</tbody>
|
|
</table>
|
|
</table>
|
|
|
|
+ <br/>
|
|
<table data-sort="sortDisabled">
|
|
<table data-sort="sortDisabled">
|
|
<tbody>
|
|
<tbody>
|
|
<tr class="firstRow">
|
|
<tr class="firstRow">
|
|
@@ -371,11 +372,11 @@
|
|
</li>
|
|
</li>
|
|
<!-- 第二个内容 -->
|
|
<!-- 第二个内容 -->
|
|
<li class="title title2">
|
|
<li class="title title2">
|
|
|
|
+ <div class="showCon" @click="cutFlag('tow')"></div>
|
|
<span tabindex="0">Group Visit</span>
|
|
<span tabindex="0">Group Visit</span>
|
|
<span
|
|
<span
|
|
class="arrow"
|
|
class="arrow"
|
|
:class="{ 'arrow-up': flag === 'tow' }"
|
|
:class="{ 'arrow-up': flag === 'tow' }"
|
|
- @click="cutFlag('tow')"
|
|
|
|
@keydown.enter.passive="cutFlag('tow')"
|
|
@keydown.enter.passive="cutFlag('tow')"
|
|
tabindex="0"
|
|
tabindex="0"
|
|
aria-label="Button"
|
|
aria-label="Button"
|
|
@@ -480,11 +481,11 @@
|
|
</li>
|
|
</li>
|
|
<!-- 第三个内容 -->
|
|
<!-- 第三个内容 -->
|
|
<li class="title title3">
|
|
<li class="title title3">
|
|
|
|
+ <div class="showCon" @click="cutFlag('three')"></div>
|
|
<span tabindex="0">Relevant Information</span>
|
|
<span tabindex="0">Relevant Information</span>
|
|
<span
|
|
<span
|
|
class="arrow"
|
|
class="arrow"
|
|
:class="{ 'arrow-up': flag === 'three' }"
|
|
:class="{ 'arrow-up': flag === 'three' }"
|
|
- @click="cutFlag('three')"
|
|
|
|
@keydown.enter.passive="cutFlag('three')"
|
|
@keydown.enter.passive="cutFlag('three')"
|
|
tabindex="0"
|
|
tabindex="0"
|
|
aria-label="Button"
|
|
aria-label="Button"
|
|
@@ -672,10 +673,19 @@ export default {
|
|
clear: both;
|
|
clear: both;
|
|
& > ul {
|
|
& > ul {
|
|
.title {
|
|
.title {
|
|
|
|
+ position: relative;
|
|
font-size: 24px;
|
|
font-size: 24px;
|
|
line-height: 50px;
|
|
line-height: 50px;
|
|
margin-bottom: 1px;
|
|
margin-bottom: 1px;
|
|
background: url("../../assets/images/Visit/m-28.jpg") no-repeat;
|
|
background: url("../../assets/images/Visit/m-28.jpg") no-repeat;
|
|
|
|
+ .showCon{
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 50px;
|
|
|
|
+ }
|
|
span {
|
|
span {
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
}
|