| | |
| | | > |
| | | <div> |
| | | {{ item.name }} |
| | | <div class="dots">{{ item.number >= 100 ? '99+' : item.number }}</div> |
| | | <div class="dots" :class="item.number >= 100 ? 'dots1':''">{{ item.number >= 100 ? '99+' : item.number }}</div> |
| | | <!-- <div class="dots">99+</div> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | width: 17px; |
| | | height: 17px; |
| | | border-radius: 50%; |
| | | background: #366fff; |
| | | background: #366fff; |
| | | color: #fff; |
| | | font-size: 9px; |
| | | position: absolute; |
| | | top: -10px; |
| | | right: -13px; |
| | | padding: 1px; |
| | | line-height: 17px; |
| | | } |
| | | .dots1 { |
| | | width: 17px; |
| | | height: 17px; |
| | | border-radius: 50%; |
| | | background: none !important; |
| | | color: #366fff !important; |
| | | font-size: 9px; |
| | | position: absolute; |
| | | top: -10px; |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | // background-position: center; |
| | | // background-repeat: no-repeat; |
| | | // background-size: contain; |
| | | } |
| | | |
| | | .content-wrapper { |