| | |
| | | <div id="DOGEUSDT" class="w-full h-full relative overflow-hidden" |
| | | style="user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin: 0 10px;"> |
| | | <!-- 添加进度条动画 --> |
| | | <div class="absolute top-10 left-0 h-1 bg-blue-500 progress-bar-animation" |
| | | :style="{width: '80%'}"></div> |
| | | <div class="absolute top-10 left-0 h-1 bg-blue-500 progress-bar-animation" :style="{ width: '80%' }"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="flex justify-between"> |
| | | <div class="py-2 px-8 rounded-full text-13 font-medium bg-white">{{item.change_ratio_str}}</div> |
| | | <div class="py-2 px-8 rounded-full text-13 font-medium bg-white">{{ item.change_ratio }}</div> |
| | | <span class="text-18" :class="index % 2 === 1 ? 'c2c_color' : ''">→</span> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="w-40 h-40 rounded-full flex items-center justify-center"> |
| | | <img class="w-33 h-33" src="@/assets/a.jpg" draggable="false"> |
| | | </div> |
| | | <div class="text-center">{{t('理財')}}</div> |
| | | <div class="text-center">{{ t('理财') }}</div> |
| | | </div> |
| | | <div class="flex-1 flex flex-col items-center" @click="goToPage('/cryptos/trade/USDSGD')"> |
| | | <div class="w-40 h-40 rounded-full flex items-center justify-center"> |
| | |
| | | <div class="w-40 h-40 rounded-full flex items-center justify-center"> |
| | | <img class="w-33 h-33" src="@/assets/c.jpg" draggable="false"> |
| | | </div> |
| | | <div class="text-center">{{t('外汇交割')}}</div> |
| | | <div class="text-center">{{ t('货币兑换') }}</div> |
| | | </div> |
| | | <div class="flex-1 flex flex-col items-center" @click="copyInviteLink"> |
| | | <!-- <div class="flex-1 flex flex-col items-center" @click="copyInviteLink"> |
| | | <div class="w-40 h-40 rounded-full flex items-center justify-center"> |
| | | <img class="w-33 h-33" src="@/assets/d.jpg" draggable="false"> |
| | | </div> |
| | | <div class="text-center">{{t('邀请好友')}}</div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | |
| | | <!-- 新手指南部分 --> |
| | | <div class="mt-20 mx-17 h-50 rounded-5 bg-#d8f0dd font-500 flex items-center justify-between text-16 px-15" @click="goToExplanation"> |
| | | <div class="mt-20 mx-17 h-50 rounded-5 bg-#d8f0dd font-500 flex items-center justify-between text-16 px-15" |
| | | @click="goToExplanation"> |
| | | <span>{{t('新手')}}</span> |
| | | <div class="text-20">→</div> |
| | | </div> |
| | |
| | | goToPage('/customerService') |
| | | } |
| | | const goToPage = (path) => { |
| | | if(path=='/mining'){ |
| | | showToast({ |
| | | message: 'Stay tuned', |
| | | position: 'bottom', |
| | | }) |
| | | }else{ |
| | | router.push(path) |
| | | } |
| | | } |
| | | |
| | | const getInformationList = () => { |
| | | _getInformationList().then(data => { |