|
@@ -85,6 +85,49 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div id="box">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li class="box_div" id="box_one">
|
|
|
|
|
+ <a href="#box_one">シートベル着用のお願い</a>
|
|
|
|
|
+ <span></span>
|
|
|
|
|
+ <div class="box_cont"><p>っっっっっっっっっっd<br>
|
|
|
|
|
+ っっっっっっっっdっっっっっっっっっっd<br>っっっっっっっっっっd<br>っっっっっっっっっっd<br>
|
|
|
|
|
+ </p></div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="box_div" id="box_two">
|
|
|
|
|
+ <a href="#box_two">出発までの流れ</a>
|
|
|
|
|
+ <span></span>
|
|
|
|
|
+ <div class="box_cont"><p>1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警</p></div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="box_div" id="box_three">
|
|
|
|
|
+ <a href="#box_three">変更・キャンセル手数料</a>
|
|
|
|
|
+ <span></span>
|
|
|
|
|
+ <div class="box_cont"><p>1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警</p></div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="box_div" id="box_four">
|
|
|
|
|
+ <a href="#box_four">ご利用案内</a>
|
|
|
|
|
+ <span></span>
|
|
|
|
|
+ <div class="box_cont"><p>1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警</p></div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="box_div" id="box_five">
|
|
|
|
|
+ <a href="#box_five">標識・約款</a>
|
|
|
|
|
+ <span></span>
|
|
|
|
|
+ <div class="box_cont"><p>1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警</p></div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="box_div" id="box_six">
|
|
|
|
|
+ <a href="#box_six">プライバシーポリシー</a>
|
|
|
|
|
+ <span></span>
|
|
|
|
|
+ <div class="box_cont"><p>1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警</p></div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="box_div" id="box_seven">
|
|
|
|
|
+ <a href="#box_seven">親権者同意書</a>
|
|
|
|
|
+ <span></span>
|
|
|
|
|
+ <div class="box_cont"><p>1.乒乓球世锦赛即将召开<br/>2.我国运动员在世锦赛中表现突出<br/>3.北京市体育运动会召开<br/>4.北京市启动空气重污染橙色预警</p></div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+
|
|
|
|
|
+ </ul>
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
<van-overlay :show="loading" @click="loading = false">
|
|
<van-overlay :show="loading" @click="loading = false">
|
|
|
<div class="wrapper" @click.stop>
|
|
<div class="wrapper" @click.stop>
|
|
|
<div class="block">
|
|
<div class="block">
|
|
@@ -713,4 +756,73 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+#box{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ text-align:left;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #box a{
|
|
|
|
|
+ text-decoration: none;
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ font-size: 0.13rem;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ padding: 10px 20px;
|
|
|
|
|
+ background: #eee;
|
|
|
|
|
+ border-top: 1px solid #fff;
|
|
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
|
|
+ color: #2c3e50;
|
|
|
|
|
+ font-weight:600;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ #box .box_div{
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+ #box span{
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 13px;
|
|
|
|
|
+ right: 3px;
|
|
|
|
|
+ width: 0;
|
|
|
|
|
+ height: 0;
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ border-top: 6px solid #ccc;
|
|
|
|
|
+ border-bottom: 6px solid transparent;
|
|
|
|
|
+ border-right: 6px solid transparent;
|
|
|
|
|
+ border-left: 6px solid transparent;
|
|
|
|
|
+ }
|
|
|
|
|
+ #box .box_cont{
|
|
|
|
|
+ height: 0px;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ font-size: 0.11rem;
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ line-height: 1.7;
|
|
|
|
|
+ border: 1px #eee solid;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ #box .box_cont p{
|
|
|
|
|
+ padding:10px 20px 20px 20px;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+#box .box_div:target .box_cont{
|
|
|
|
|
+ height: auto;
|
|
|
|
|
+ max-height: calc(50vh);
|
|
|
|
|
+ overflow-y: scroll;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ #box .box_div:target span{
|
|
|
|
|
+ border-top: 6px solid transparent;
|
|
|
|
|
+ border-bottom: 6px solid #ccc;
|
|
|
|
|
+ border-right: 6px solid transparent;
|
|
|
|
|
+ border-left: 6px solid transparent;
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|