| | |
| | | <div :id="mapId" class="common-cesium-map" @contextmenu.prevent> |
| | | <template v-if="props.list && props.list.length"> |
| | | <div class="card"> |
| | | <div class="timeline-prefix"> |
| | | <slot name="timeline-prefix"></slot> |
| | | </div> |
| | | <div class="card-content"> |
| | | <div class="card-item" v-for="(item, index) in props.list" @click="clickWeekTime(item, index)"> |
| | | <div class="time-point"> |
| | |
| | | color: #d5d5d5; |
| | | font-size: 14px; |
| | | |
| | | .timeline-prefix { |
| | | position: absolute; |
| | | left: 7.5%; |
| | | top: 50%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | z-index: 2; |
| | | transform: translate(-50%, -50%); |
| | | } |
| | | |
| | | .card-content { |
| | | display: flex; |
| | | justify-content: center; |
| | |
| | | .time-line { |
| | | position: absolute; |
| | | // top: 35px; |
| | | width: 100%; |
| | | width: 70%; |
| | | // position: fixed; |
| | | left: 15%; |
| | | bottom: 36px; |
| | | width: 100%; |
| | | border: 1px solid rgba(237, 237, 237, 0.6); |
| | | z-index: 0; |
| | | } |