| | |
| | | |
| | | <div class="list"> |
| | | <div class="item" v-for="(item, ind) in equipmentList" :key="ind"> |
| | | <div class="val" :class="{highlight: item.isHighlight}" @click="equipmentClick(item.isHighlight)"> |
| | | <div class="val" :class="{ highlight: item.isHighlight }" @click="equipmentClick(item.isHighlight)"> |
| | | {{ item.value }} |
| | | </div> |
| | | |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | height: 100px; |
| | | background: rgba(0,0,0,0.3); |
| | | background: rgba(0, 0, 0, 0.3); |
| | | box-sizing: border-box; |
| | | border-radius: 16px 16px 16px 16px; |
| | | pointer-events: auto; |
| | |
| | | height: 100%; |
| | | z-index: -1; |
| | | background: rgba(17, 23, 34, 0.56); |
| | | backdrop-filter: blur(2px); |
| | | backdrop-filter: blur(2px); |
| | | border-radius: 16px 16px 16px 16px; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .val { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-family: DinAB; |
| | | font-weight: bold; |
| | | font-size: 30px; |
| | | text-align: left; |