| | |
| | | </div> |
| | | </section> |
| | | <van-popup overlay-class="left-modal" v-model:show="showLeftPopup" position="left" |
| | | :style="{ width: '80%', height: '100%', background: '#1F233D' }" round safe-area-inset-top safe-area-inset-bottom> |
| | | :style="{ width: '80%', height: '100%', }" round safe-area-inset-top safe-area-inset-bottom> |
| | | <div class="modal-inner-box"> |
| | | <div class="sidebar"> |
| | | <div class="flex justify-between"> |
| | |
| | | } |
| | | |
| | | .header { |
| | | position: relative; |
| | | // position: relative; |
| | | display: flex; |
| | | align-items: center; |
| | | margin-top: 40px; |
| | | |
| | | .flex-l { |
| | | flex: 1; |
| | |
| | | left: 0; |
| | | right: 0; |
| | | // bottom: 0px; |
| | | background: $black; |
| | | // background: $black; |
| | | height: 70px; |
| | | width: 100%; |
| | | justify-content: center; |
| | |
| | | .flex-r { |
| | | display: flex; |
| | | justify-content: flex-end; |
| | | color:#fff; |
| | | |
| | | .sell-btn, |
| | | .buy-btn { |
| | |
| | | } |
| | | |
| | | .buy-btn { |
| | | background: #5BB989; |
| | | background: #3a7ff6; |
| | | margin-right: 20px; |
| | | } |
| | | } |