| | |
| | | <div class="px-3.5 py-5" :style="{ 'margin-top': navHeight + 'px' }" v-if="state == 0"> |
| | | <div class="white">{{ $t('OrdersWill') }} <span style="color: #1194F7">{{ msgTitle }}</span> {{ |
| | | $t('afterCancel') |
| | | }}</div> |
| | | }}</div> |
| | | <div class="mt-3"> |
| | | <span class="mr-1" style="color: #8A919E">{{ $t('lumpSum') }}</span> |
| | | <span class="white">{{ payInfo.currency }} {{ payInfo.amount }}</span> |
| | |
| | | {{ $t('historyMessage') }} |
| | | </div> |
| | | <ul class="flex flex-col pt-3"> |
| | | <li v-for="(item, index) in list" :key="item.id" class="flex flex-col my-3"> |
| | | <li v-for="(item) in list" :key="item.id" class="flex flex-col my-3"> |
| | | <!-- <p class="font-13 text-center py-2 text-grey font-15" v-if="showTime(index)">{{ |
| | | item.createtime && |
| | | item.createtime.split(' ')[0] |
| | | }}</p> --> |
| | | <p class="font-13 text-center pb-3 text-grey font-15">{{ |
| | | item.createtime |
| | | }}</p> |
| | | }}</p> |
| | | <div class="flex" :class="item.send_receive === 'send' ? 'justify-end' : ''"> |
| | | <template v-if="item.send_receive === 'receive'"> |
| | | <img src="@/assets/image/service/responser.png" class="w-10 h-10 mr-5" /> |
| | |
| | | clearIntervalTimer() |
| | | }) |
| | | onBeforeUnmount(() => { |
| | | let lastTimerId = setInterval(() => {}, 1000); |
| | | let lastTimerId = setInterval(() => { }, 1000); |
| | | for (let i = 1; i <= lastTimerId; i++) { |
| | | clearInterval(i); |
| | | } |
| | |
| | | height: 0; |
| | | border-top: 5px solid transparent; |
| | | border-bottom: 5px solid transparent; |
| | | border-right: 10px solid $input_background; |
| | | position: absolute; |
| | | left: -10px; |
| | | top: 10px; |
| | | |
| | | @include themify() { |
| | | border-right: 10px solid themed("input_background"); |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .chatBg { |
| | | background: $input_background; |
| | | height: 36px; |
| | | padding: 8px 18px; |
| | | border-radius: 18px; |
| | | color: $text_color; |
| | | font-size: 14px; |
| | | |
| | | @include themify() { |
| | | background: themed("input_background") !important; |
| | | color: themed("text_color") !important; |
| | | } |
| | | } |
| | | |
| | | .right-chatBg { |
| | |
| | | } |
| | | |
| | | .left-chatBg { |
| | | background: $input_background; |
| | | @include themify() { |
| | | background: themed("input_background"); |
| | | } |
| | | } |
| | | </style> |