| | |
| | | }}</span></div> |
| | | <div class="flex textColor font-16 borderColor items-center h-40" style="border-radius:4px;"> |
| | | <div class="flex-1 text-center lh-40" style="border-top-left-radius:4px;border-bottom-left-radius:4px;" |
| | | :class="currentType == 'long' ? 'bg-green' : ''" @click="changeTab('long')">{{ $t('buy') }}</div> |
| | | :class="currentType == 'long' ? 'bg-green text_fff' : ''" @click="changeTab('long')">{{ $t('buy') }}</div> |
| | | <div class="flex-1 text-center lh-40" style="border-top-right-radius:4px;border-bottom-right-radius:4px;" |
| | | :class="currentType == 'short' ? 'bg-red' : ''" @click="changeTab('short')">{{ $t('sell') }}</div> |
| | | :class="currentType == 'short' ? 'bg-red text_fff' : ''" @click="changeTab('short')">{{ $t('sell') }}</div> |
| | | </div> |
| | | <div class="flex justify-between h-30 items-center mt-10"> |
| | | <span class="textColor2 font-14">{{ $t('time') }}</span> |
| | |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .text_fff{ |
| | | color: #fff; |
| | | } |
| | | .options { |
| | | box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3); |
| | | border-radius: 6px; |