5 files modified
1 files added
| | |
| | | |
| | | #cryptos { |
| | | .account_card { |
| | | background: $inp-b !important; |
| | | background: #282A41; |
| | | border-radius: 2.5rem; |
| | | padding: 1.2rem 2.5rem; |
| | | |
| | | div { |
| | | background: $inp-b !important; |
| | | } |
| | | } |
| | | |
| | | .exchange-btn { |
| | |
| | | } |
| | | |
| | | .btnMain { |
| | | background: linear-gradient(90deg, #2C64D4 0%, #38AEEA 100%); |
| | | background: #8675F9; |
| | | border-radius: 5px; |
| | | font-weight: bold; |
| | | } |
| | |
| | | </div> --> |
| | | <div v-if="available.length > 0" class="labelColor"> |
| | | {{ $t('可用数量') }}: |
| | | <span>{{ available }}</span> |
| | | <span class="zi">{{ available }}</span> |
| | | </div> |
| | | </div> |
| | | <div style="box-sizing: border-box" class="w-full rounded mt-22 flex items-center box-border py-3 inputBackground"> |
| | | <div style="box-sizing: border-box" class="w-full rounded mt-22 flex items-center box-border py-3"> |
| | | <div class="flex border-r-gray border-white items-center" @click="onShowActionSheet"> |
| | | <img :src="`${HOST_URL}/symbol/${type == 1 ? iconImg1 : iconImg2}.png`" alt="logo" |
| | | class="rounded-full mr-5 currency-icon" /> |
| | |
| | | <img src="./icon-arrow.png" alt="logo" class="w-12 h-8 icon-arrow" /> |
| | | </div> |
| | | <div class="input-wrap flex justify-between flex-1 items-center ml-10"> |
| | | <input placeholder="" v-if="type == 1" type="number" class="h-40 pl-10 border-none inputBackground textColor" |
| | | <input placeholder="" v-if="type == 1" type="number" class="h-40 pl-10 border-none textColor zi" |
| | | v-model="oneValue" @input="onInput" :disabled="disabled" /> |
| | | <input placeholder="" v-if="type == 2" type="number" class="h-40 pl-10 border-none inputBackground textColor" |
| | | :value="value" @input="onInput" :disabled="disabled" /> |
| | | <input placeholder="" v-if="type == 2" type="number" class="h-40 pl-10 border-none textColor zi" :value="value" |
| | | @input="onInput" :disabled="disabled" /> |
| | | </div> |
| | | <!-- <div v-if="showMax" class="pr-20" @click="onMax">{{ $t('最大') }}</div> --> |
| | | </div> |
| | | <div class="flex justify-end" v-if="showMax"> |
| | | <van-button type="default" round size="small" @click="onMax">{{ $t('最大') }}</van-button> |
| | | <van-button type="default" round size="small" color="#383665" style="color: #6D5FDA;" @click="onMax">{{ $t('最大') }}</van-button> |
| | | </div> |
| | | <div class="flex justify-between font-22 mt-15 text-grey"> |
| | | <p v-for="(tip, index) in tips" :key="index">{{ tip }}</p> |
| | |
| | | @import "@/assets/init.scss"; |
| | | |
| | | #cryptos { |
| | | |
| | | font-size: 30px; |
| | | |
| | | .zi { |
| | | color: #6D5FDA; |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .input-wrap { |
| | | // border-left: 1px solid #3E4968; |
| | | padding-left: 30px; |
| | | |
| | | input { |
| | | background: transparent; |
| | | } |
| | | } |
| | | |
| | | .van-action-sheet__item { |
| | |
| | | import vi from './vi' |
| | | import th from './th' |
| | | import Italy from './Italy' |
| | | const lang = getStorage('lang') || 'en' |
| | | import Spanish from './Spanish' |
| | | const lang = getStorage('lang') || 'Spanish' |
| | | |
| | | const messages = { |
| | | 'en': { |
| | |
| | | 'Italy': { |
| | | ...Italy |
| | | }, |
| | | 'Spanish': { |
| | | ...Spanish |
| | | }, |
| | | } |
| | | |
| | | |
| | | const i18n = createI18n({ |
| | | legacy: false, |
| | | locale: lang, // 首先从缓存里拿,没有的话就用浏览器语言, |
| | | fallbackLocale: 'en', // 设置备用语言 |
| | | fallbackLocale: 'Spanish', // 设置备用语言 |
| | | messages, |
| | | }) |
| | | |
| | |
| | | <template> |
| | | <div id="cryptos"> |
| | | <div id="cryptos" style="background: #171928"> |
| | | <van-nav-bar left-arrow @click-left="onClickLeft"> |
| | | |
| | | <template #right> |
| | |
| | | }, |
| | | onConfirm() { // 闪兑 |
| | | this.clearInterval() |
| | | console.log(this.detail); |
| | | console.log(this.detail); |
| | | let obj = { |
| | | symbol: this.detail.symbol_ex, |
| | | symbol_to: this.detail.symbol_to_ex, |
| | |
| | | @import "@/assets/init.scss"; |
| | | |
| | | #cryptos { |
| | | |
| | | |
| | | :deep(.van-icon) { |
| | | color: red; |
| | | } |
| | | |
| | | .exchange-page { |
| | | height: 100vh - 6vh; |
| | | |
| | | background: $selectSymbol_background; |
| | | |
| | | :deep(.van-tab--active) { |
| | | background: $selectSymbol_background; |
| | |
| | | { title: 'Tiếng Việt', key: 'vi', image: new URL('../../assets/image/lang/vi.png', import.meta.url) },//越南语 |
| | | { title: 'Italiano', key: 'Italy', image: new URL('../../assets/image/lang/Italy.png', import.meta.url) }, //意大利语 |
| | | { title: 'ไทย', key: 'th', image: new URL('../../assets/image/lang/Thai.png', import.meta.url) }, //泰语 |
| | | { title: 'español', key: 'Spanish', image: new URL('../../assets/image/lang/Mexico.png', import.meta.url) }, //西班牙语 |
| | | |
| | | ]) |
| | | |