|
@@ -45,15 +45,19 @@
|
|
-->
|
|
-->
|
|
<div id="ani2" class="ani2">
|
|
<div id="ani2" class="ani2">
|
|
<div class="time-top">
|
|
<div class="time-top">
|
|
- <div class="left-time">
|
|
|
|
- <span>北京时间</span>
|
|
|
|
- <span>16:50</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="top-line"></div>
|
|
|
|
- <div class="right-time">
|
|
|
|
- <span>首尔时间</span>
|
|
|
|
- <span>16:50</span>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <span>北京时间</span>
|
|
|
|
+ <span>首尔时间 </span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="time-box">
|
|
|
|
+ <span>16:50</span>
|
|
|
|
+ <span></span>
|
|
|
|
+ <span>17:50</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="time-line"></div>
|
|
|
|
+ <div class="time-bottom">
|
|
|
|
+ <span></span>
|
|
|
|
+ <span>2023年3月23日</span>
|
|
|
|
+ <span>星期四</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -456,19 +460,36 @@ export default defineComponent({
|
|
left: 10.4vw;
|
|
left: 10.4vw;
|
|
position: absolute;
|
|
position: absolute;
|
|
.time-top {
|
|
.time-top {
|
|
- .left-time {
|
|
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ span {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
- span {
|
|
|
|
- display: block;
|
|
|
|
- }
|
|
|
|
|
|
+ font-size: 30px;
|
|
|
|
+ color: #6b6b6b;
|
|
}
|
|
}
|
|
- .top-line {
|
|
|
|
- display: inline-block;
|
|
|
|
- height: 20px;
|
|
|
|
- width: 1px;
|
|
|
|
- }
|
|
|
|
- .right-time {
|
|
|
|
|
|
+ }
|
|
|
|
+ .time-line {
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ width: 94%;
|
|
|
|
+ height: 1px;
|
|
|
|
+ background: #7e7e80;
|
|
|
|
+ }
|
|
|
|
+ .time-box {
|
|
|
|
+ padding-top: 20px;
|
|
|
|
+ font-size: 60px;
|
|
|
|
+ display: flex;
|
|
|
|
+ color: #01b59a;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ span {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
|
|
+ vertical-align: middle;
|
|
|
|
+ &:nth-child(2) {
|
|
|
|
+ margin-top: 30px;
|
|
|
|
+ height: 20px;
|
|
|
|
+ border: 1px solid #6b6b6b;
|
|
|
|
+ // background: #6b6b6b;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|