| | |
| | | <div class="list one-swiper"> |
| | | <div class="swiper-wrapper"> |
| | | <div class="line one-swiper-slide swiper-slide" v-for="item, i in dataList2" :key="i"> |
| | | <div class="top" :class="{top3: i < 3}"><span v-if="i < 3">top</span>{{ i + 1 }}</div> |
| | | <div class="top" :class="{ top3: i < 3 }"><span v-if="i < 3">top</span>{{ i + 1 }}</div> |
| | | <div class="id_card">{{ item.platformName }}</div> |
| | | <div class="wrap"> |
| | | <ChargeRate :rate="item.rate" /> |
| | |
| | | const platformClick = (val) => { |
| | | const index = pointList.findIndex(i => i.name == val.platformName) |
| | | workModalParam.value = { ...val, ...pointList[index], index: pointList } |
| | | if(workModalParam.value.workTime){ |
| | | if (workModalParam.value.workTime) { |
| | | workModalParam.value.workTime = workModalParam.value.workTime.replaceAll('m', '分钟') |
| | | workModalParam.value.workTime = workModalParam.value.workTime.replaceAll('h', '小时') |
| | | } |
| | |
| | | box-shadow: inset 0px 0px 3px 0px #01D9FE; |
| | | margin-right: 10px; |
| | | } |
| | | .top3{ |
| | | |
| | | .top3 { |
| | | box-shadow: inset 0px 0px 3px 0px #FEAF01; |
| | | } |
| | | |
| | | .one-swiper-slide { |
| | | height: 40px !important; |
| | | } |
| | |
| | | |
| | | .num { |
| | | font-weight: 500; |
| | | width: 82px; |
| | | width: 88px; |
| | | text-align: right; |
| | | font-size: 13px; |
| | | color: #DBEAEA; |
| | | margin-left: 2px; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | .wrap { |
| | |
| | | left: 850px; |
| | | top: 60px; |
| | | z-index: 99999999; |
| | | |
| | | .head { |
| | | display: flex; |
| | | justify-content: space-between; |