Browse Source

'币币页面更新、钱包资产、学院翻译更新'

master
luyisha 2 years ago
parent
commit
ca16ebdafd
  1. 14
      src/i18n/de.json
  2. 14
      src/i18n/en.json
  3. 14
      src/i18n/fra.json
  4. 14
      src/i18n/it.json
  5. 14
      src/i18n/jp.json
  6. 14
      src/i18n/kor.json
  7. 14
      src/i18n/pt.json
  8. 48
      src/i18n/tr.json
  9. 18
      src/i18n/tw.json
  10. 4
      src/views/college/index.vue
  11. 2
      src/views/contract/exchange-store.vue
  12. 23
      src/views/contract/index.vue
  13. 25
      src/views/exchange/book-trades.vue
  14. 96
      src/views/exchange/index.vue
  15. 159
      src/views/exchange/make-deal.vue
  16. 11
      src/views/exchange/order-list.vue
  17. 84
      src/views/exchange/symbols.vue
  18. 2
      src/views/profile/index.vue
  19. 8
      src/views/wallet/exchange-assets.vue

14
src/i18n/de.json

@ -274,9 +274,9 @@
"submit":"Senden",
"confirmpassword":"Die beiden Passwörter sind inkonsistent",
"Remembered": "Haben Sie Ihr Passwort vergessen?",
"text1":"",
"text2":"",
"text3":""
"text1": "Mit Seelenfrieden handeln!",
"text2": "XXX hält eine 1:1-Reserve für Ihr Vermögen und wir werden auch regelmäßig Prüfergebnisse von Reservezertifikaten veröffentlichen",
"text3": "Kommen Sie zu uns und beginnen Sie Ihre Reise zur Kryptowährung"
},
"application": {
"form":"Antragsformular für die Projektwährung",
@ -443,7 +443,9 @@
"FinancialAccount":"Finanzielle Gesamtrechnung",
"contractFlow":"Ablauf des Vertrags",
"info":"Details",
"money":"Betrag des Geldes"
"money":"Betrag des Geldes",
"Authentication": "Authentifizierung",
"countryRegion": "Land/Region"
},
"contact": {
"contact":"Kontaktieren Sie uns",
@ -488,7 +490,9 @@
"oneClick":"Ein Klick intelligente Transaktion",
"inAssets":"Auf der Aktivseite / Währungsfüllseite können Sie eine Schaltfläche drücken, um die Währung zu berechnen, und dann können Sie handeln",
"dictionary":"Wörterbuch der Blockkette",
"media":"Berichterstattung in Medien"
"media":"Berichterstattung in Medien",
"text1": "Ein vollständiger Leitfaden zur digitalen Währung",
"text2": "Muss für Neulinge gelesen werden. Bedienungsanleitungen, fortgeschrittene Strategien und Branchen-Hotspots finden Sie alle in der Anfänger-Akademie. Es ist eine Komplett-Anleitung zum einfachen Spielen mit digitalen Währungen."
},
"home": {
"newEra":"Die weltweit führende digitale Finanzderivatbörse",

14
src/i18n/en.json

@ -366,9 +366,9 @@
"submit": "Submit",
"confirmpassword": "The two passwords are inconsistent",
"Remembered": "Remembered your password?",
"text1":"",
"text2":"",
"text3":""
"text1": "Trade with peace of mind!",
"text2": "XXX holds a 1:1 reserve for your assets, and we will also regularly release audit results of reserve certificates",
"text3": "Join us and start your cryptocurrency journey"
},
"application": {
"form": "project’s application form of listing currency",
@ -537,7 +537,9 @@
"FinancialAccount": "Financial Account",
"contractFlow": "Contract Flow",
"info": "Details",
"money": "Amount"
"money": "Amount",
"Authentication": "Authentication",
"countryRegion": "Country/Region"
},
"contact": {
"contact": "Contact Us",
@ -582,7 +584,9 @@
"oneClick": "Click to start your trade",
"inAssets": "deposite coin in assets page, then trade",
"dictionary": "Blockchain Dictionary",
"media": "Media"
"media": "Media",
"text1": "A Complete Guide to Digital Currency",
"text2": "Must-read for newbies, operation guides, advanced strategies, and industry hot spots are all in the Beginner Academy. It is a one-stop guide to easily play with digital currencies."
},
"home": {
"newEra": "The world's leading derivative digital asset exchange",

14
src/i18n/fra.json

@ -274,9 +274,9 @@
"submit":"Présentation",
"confirmpassword":"Les mots de passe sont incohérents deux fois",
"Remembered": "Vous vous souvenez de votre mot de passe ?",
"text1":"",
"text2":"",
"text3":""
"text1": "Négociez en toute sérénité !",
"text2": "XXX détient une réserve 1:1 pour vos actifs, et nous publierons également régulièrement les résultats d'audit des certificats de réserve",
"text3": "Rejoignez-nous et commencez votre voyage en crypto-monnaie"
},
"application": {
"form":"Formulaire de demande de monnaie pour le projet",
@ -443,7 +443,9 @@
"FinancialAccount":"Comptes financiers",
"contractFlow":"Flux contractuel",
"info":"Détails",
"money":"Montant"
"money":"Montant",
"Authentication": "Authentification",
"countryRegion": "Pays/Région"
},
"contact": {
"contact":"Contactez - nous",
@ -488,7 +490,9 @@
"oneClick":"Transaction intelligente à un clic",
"inAssets":"Cliquez sur la page de recharge de l'actif / de la monnaie pour recharger la monnaie et la transaction peut être effectuée une fois terminée.",
"dictionary":"Dictionnaire blockchain",
"media":"Couverture médiatique"
"media":"Couverture médiatique",
"text1": "Un guide complet de la monnaie numérique",
"text2": "Les lectures incontournables pour les débutants, les guides d'utilisation, les stratégies avancées et les points chauds de l'industrie se trouvent tous dans la Beginner Academy. Il s'agit d'un guide unique pour jouer facilement avec les monnaies numériques."
},
"home": {
"newEra":"Global Leading Digital Financial Derivatives Exchange",

14
src/i18n/it.json

@ -274,9 +274,9 @@
"submit":"Invia",
"confirmpassword":"Le due password sono incoerenti",
"Remembered": "Hai ricordato la password?",
"text1":"",
"text2":"",
"text3":""
"text1": "Fai trading in tutta tranquillità!",
"text2": "XXX detiene una riserva 1:1 per i tuoi beni e pubblicheremo regolarmente anche i risultati degli audit dei certificati di riserva",
"text3": "Unisciti a noi e inizia il tuo viaggio nella criptovaluta"
},
"application": {
"form":"Modulo di richiesta valuta del progetto",
@ -443,7 +443,9 @@
"FinancialAccount":"Conto finanziario",
"contractFlow":"Flusso contrattuale",
"info":"dettagli",
"money":"importo del denaro"
"money":"importo del denaro",
"Authentication": "Autenticazione",
"countryRegion": "Paese/Regione"
},
"contact": {
"contact":"ci contatti",
@ -488,7 +490,9 @@
"oneClick":"Una transazione intelligente clic",
"inAssets":"Nella pagina di riempimento dell'attività / valuta, è possibile premere un pulsante per caricare valuta, e poi è possibile commerciare",
"dictionary":"Blockchain dizionario",
"media":"copertura mediatica"
"media":"copertura mediatica",
"text1": "Una guida completa alla valuta digitale",
"text2": "Da leggere per i principianti, guide operative, strategie avanzate e punti caldi del settore sono tutti nella Beginner Academy. È una guida completa per giocare facilmente con le valute digitali."
},
"home": {
"newEra":"Il principale scambio di derivati finanziari digitali del mondo",

14
src/i18n/jp.json

@ -274,9 +274,9 @@
"find-password":"パスワードを取得",
"confirmpassword":"二回のパスワードが一致しません。",
"Remembered": "パスワードを覚えていますか?",
"text1":"",
"text2":"",
"text3":""
"text1": "安心して取引してください!",
"text2": "XXX はあなたの資産に対して 1:1 の引当金を保有しており、また、引当金証明書の監査結果も定期的に公開します。",
"text3": "私たちに参加して、暗号通貨の旅を始めましょう"
},
"application": {
"email":"メールボックス",
@ -442,7 +442,9 @@
"FinancialAccount":"投資信託口座",
"contractFlow":"契約流水",
"info":"メッセージ",
"money":"金額"
"money":"金額",
"Authentication": "本人認証",
"countryRegion": "国/地域"
},
"contact": {
"email":"メールボックス",
@ -487,7 +489,9 @@
"oneClick":"ワンキー知能取引",
"inAssets":"資産/チャージページでワンタッチでチャージし、完了したら取引できます。",
"dictionary":"ブロック辞典",
"media":"メディア報道"
"media":"メディア報道",
"text1": "デジタル通貨の完全ガイド",
"text2": "初心者向けの必読書、操作ガイド、高度な戦略、業界の注目スポットがすべてビギナー アカデミーにあります。デジタル通貨で簡単に遊ぶためのワンストップ ガイドです。"
},
"home": {
"optional":"記入する",

14
src/i18n/kor.json

@ -274,9 +274,9 @@
"find-password":"비밀번호 찾기",
"confirmpassword":"두 번 의 비밀번호 가 일치 하지 않 습 니 다.",
"Remembered": "비밀번호를 기억하시나요?",
"text1":"",
"text2":"",
"text3":""
"text1": "안심하고 거래하세요!",
"text2": "XXX는 귀하의 자산에 대해 1:1 예비금을 보유하고 있으며 정기적으로 예비금 인증서의 감사 결과를 공개할 것입니다.",
"text3": "우리와 함께 암호화폐 여행을 시작하세요"
},
"application": {
"email":"메 일주 소",
@ -442,7 +442,9 @@
"FinancialAccount":"재 테 크 계좌",
"contractFlow":"계약 흐름",
"info":"정보.",
"money":"금액."
"money":"금액.",
"Authentication": "인증",
"countryRegion": "국가/지역"
},
"contact": {
"email":"메 일주 소",
@ -487,7 +489,9 @@
"oneClick":"원 키 스마트 거래",
"inAssets":"자산 / 코 인 충전 화면 에서 원 키 로 코 인 충전, 완료 후 거래 가능",
"dictionary":"블록 체인 사전",
"media":"언론 보도"
"media":"언론 보도",
"text1": "디지털 화폐에 대한 완전한 가이드",
"text2": "초보자를 위한 필독서, 운영 가이드, 고급 전략, 업계 핫스팟이 모두 초보자 아카데미에 있습니다. 디지털 화폐로 쉽게 플레이할 수 있는 원스톱 가이드입니다."
},
"home": {
"optional":"골 라 적다",

14
src/i18n/pt.json

@ -274,9 +274,9 @@
"submit":"apresentação",
"confirmpassword":"Duas vezes as senhas não coincidem",
"Remembered": "Lembrou-se da sua senha?",
"text1":"",
"text2":"",
"text3":""
"text1": "Negocie com tranquilidade!",
"text2": "XXX mantém uma reserva 1:1 para seus ativos e também divulgaremos regularmente resultados de auditoria de certificados de reserva",
"text3": "Junte-se a nós e comece sua jornada com criptomoedas"
},
"application": {
"form":"Formulário de candidatura ao financiamento do projecto",
@ -443,7 +443,9 @@
"FinancialAccount":"Contas de gestão",
"contractFlow":"Gestão de contratos",
"info":"pormenores",
"money":"montante"
"money":"montante",
"Authentication": "Autenticação de Identidade",
"countryRegion": "país/região"
},
"contact": {
"contact":"Contacte-nos.",
@ -488,7 +490,9 @@
"oneClick":"Negociação inteligente com um clique",
"inAssets":"Na página de activos/moedas de reposição com um clique, as moedas de reposição podem ser negociadas após a sua conclusão",
"dictionary":"Dicionário da cadeia de blocos",
"media":"Cobertura da imprensa"
"media":"Cobertura da imprensa",
"text1": "Um guia completo para moeda digital",
"text2": "Leitura obrigatória para iniciantes, guias de operação, estratégias avançadas e pontos importantes do setor estão todos na Academia para iniciantes. É um guia completo para brincar facilmente com moedas digitais."
},
"home": {
"newEra":"A principal bolsa de derivados financeiros digitais do mundo",

48
src/i18n/tr.json

@ -1,5 +1,5 @@
{
"nav":{
"nav": {
"assets":"varlıklar",
"contract":"Sözleşme hesabı",
"transfer":"Fon Transferi",
@ -37,7 +37,7 @@
"c8":"Resmi web adresi",
"c9":"kısa tanıtım"
},
"common":{
"common": {
"a3":"Satın alma kaydı",
"option":"Opsiyon ticareti",
"exchange":"döviz işlemi",
@ -187,7 +187,7 @@
"footerTips4":"Kısıtlı alanlar: belirli ülkelerin/bölgelerin sakinlerine hizmet sağlayamamak, örneğin: İsrail ve İslam Cumhuriyeti",
"GraphicValidation": "Grafiksel doğrulama"
},
"exchange":{
"exchange": {
"search":"aramak",
"pair":"Ticaret çifti",
"last-price":"Son fiyat",
@ -211,7 +211,7 @@
"week":"hafta",
"month":"ay"
},
"login":{
"login": {
"resend":"Yeniden gönder",
"sms":"SMS",
"sendOK":"Doğrulama kodu başarıyla gönderildi!",
@ -274,11 +274,11 @@
"submit":"Sunmak",
"confirmpassword":"İki şifre tutarsız",
"Remembered": "Şifrenizi hatırladınız mı?",
"text1":"",
"text2":"",
"text3":""
"text1": "Gönül rahatlığıyla ticaret yapın!",
"text2": "XXX, varlıklarınız için 1:1 rezerv tutuyor ve ayrıca rezerv sertifikalarının denetim sonuçlarını da düzenli olarak yayınlayacağız",
"text3": "Bize katılın ve kripto para yolculuğunuza başlayın"
},
"application":{
"application": {
"form":"Proje listeleme başvuru formu",
"sendUser":"Proje sponsoru",
"sendUserEn":"İngilizce para birimi adı",
@ -329,7 +329,7 @@
"pleaseEnter":"girin lütfen",
"upLoadSuccess":"Başarıyla yüklendi"
},
"wallet":{
"wallet": {
"inside":"Dahili fon transferi",
"from":"itibaren",
"history":"Geçmişi görüntüle",
@ -443,9 +443,11 @@
"FinancialAccount":"Finansal hesap",
"contractFlow":"Sözleşme akışı",
"info":"Ayrıntılar",
"money":"Miktar"
"money":"Miktar",
"Authentication": "Kimlik Doğrulama",
"countryRegion": "ülke/bölge"
},
"contact":{
"contact": {
"contact":"Bize Ulaşın",
"help":"Herhangi bir yardıma ihtiyacınız olursa lütfen bizimle iletişime geçin",
"fullName":"Ad Soyad",
@ -465,7 +467,7 @@
"chart": "Çizelge",
"Profit&Loss": "Kâr Al/Zararı Durdur"
},
"college":{
"college": {
"college":"Akademi",
"article":"Blog",
"tutorialDetails":"Eğitim ayrıntıları",
@ -488,9 +490,11 @@
"oneClick":"Tek tıkla akıllı işlem",
"inAssets":"Varlık/yükleme sayfasında tek tıklamayla para yatırın ve tamamlandıktan sonra ticaret yapabilirsiniz",
"dictionary":"blok zinciri sözlüğü",
"media":"Medya raporları"
},
"home":{
"media":"Medya raporları",
"text1": "Dijital Para Birimi İçin Tam Bir Kılavuz",
"text2": "Yeni başlayanların mutlaka okuması gerekenler, operasyon kılavuzları, gelişmiş stratejiler ve sektördeki önemli noktaların tümü Başlangıç ​​Akademisi'nde. Dijital para birimleriyle kolayca oynamak için tek adresli bir kılavuz."
},
"home": {
"newEra":"Dünyanın önde gelen dijital finansal türev borsası",
"startTrading":"Ticarete başlamak",
"walkingLantern":"döner fener",
@ -541,7 +545,7 @@
"skan":"Şimdi indirmek için kodu tarayın",
"core_advantages":"Temel gücüm veri"
},
"option":{
"option": {
"waitFor":"Teslim edilmeyi bekliyor",
"history":"Tarihi yerleşim",
"orderNum":"sipariş numarası",
@ -580,7 +584,7 @@
"odds":"oranlar",
"buySuccess":"Başarıyla satın alındı"
},
"order":{
"order": {
"noData":"İşlem kaydı yok",
"ifCancel":"Mevcut siparişin iptal edilip edilmeyeceği",
"cancelSuccess":"İptal başarılı",
@ -630,7 +634,7 @@
"buyDown":"Satın al veya düş",
"buyLevel":"Daire satın al"
},
"profile":{
"profile": {
"realName":"Doğrulandı",
"SelectAreaCode":"alan kodunu seçin",
"primaryCertification":"Birincil sertifika",
@ -740,7 +744,7 @@
"preliminary":"İlk sertifika başarılı oldu",
"clickToVerify":"Doğrulamak için tıklayın"
},
"setting":{
"setting": {
"smsVer":"SMS doğrulama",
"enterCode":"lütfen doğrulama kodunu girin",
"emailVer":"Eposta Doğrulama",
@ -786,7 +790,7 @@
"combination":"Şifre, harf ve rakam kombinasyonu gerektirir",
"changeSuccess":"Başarıyla değiştirildi"
},
"purchase":{
"purchase": {
"sendPrice":"Yayın fiyatı",
"subscriptionCurrency":"abonelik para birimi",
"expected":"Çevrimiçi olmak için tahmini süre",
@ -806,7 +810,7 @@
"prompt":"Komut istemi",
"subscribeSuccess":"Başarılı abonelik"
},
"contract":{
"contract": {
"a0":"Sözleşme hesabı",
"a1":"Fon Transferi",
"a2":"hesap öz sermayesi",
@ -918,7 +922,7 @@
"k8":"Satın almak için lütfen giriş yapın",
"k9":"Lütfen abonelik kodunu girin"
},
"otc":{
"otc": {
"a0":"Lütfen işlem türünü seçin",
"a1":"Satın almak",
"a2":"Satmak",

18
src/i18n/tw.json

@ -221,7 +221,7 @@
"GraphicValidation": "圖形驗證"
},
"exchange": {
"search": "索",
"search": "索",
"pair": "交易對",
"last-price": "最新價",
"change": "漲跌幅",
@ -307,9 +307,9 @@
"submit": "提交",
"confirmpassword": "兩次密碼不一致",
"Remembered": "還記得你的密碼?",
"text1":"安心交易!",
"text2":"XXX對您的資產持有1:1的儲備金,我們也會定期發布儲備金證明審計結果",
"text3":"加入我們,開啟您的加密貨幣之旅"
"text1": "安心交易!",
"text2": "XXX對您的資產持有1:1的儲備金,我們也會定期發布儲備金證明審計結果",
"text3": "加入我們,開啟您的加密貨幣之旅"
},
"application": {
"form": "項目上幣申請表",
@ -478,7 +478,9 @@
"FinancialAccount": "理財賬戶",
"contractFlow": "合約流水",
"info": "詳情",
"money": "金額"
"money": "金額",
"Authentication": "身份認證",
"countryRegion": "國家/地區"
},
"contact": {
"contact": "聯繫我們",
@ -523,7 +525,9 @@
"oneClick": "一鍵智慧交易",
"inAssets": "在資產/充幣頁面一鍵充幣,完成後可交易",
"dictionary": "區塊鏈詞典",
"media": "媒體報導"
"media": "媒體報導",
"text1": "數位貨幣全攻略",
"text2": "新手必讀、操作指南、進階策略、業界熱點盡在新手學院,精彩一站直達,輕鬆玩轉數位貨幣。"
},
"home": {
"newEra": "數位貨幣交易新時代",
@ -639,7 +643,7 @@
"toMatch": "未撮合",
"operation": "操作",
"reset": "重置",
"search": "索",
"search": "索",
"to": "至",
"startTime": "開始日期",
"endTime": "結束日期",

4
src/views/college/index.vue

@ -3,8 +3,8 @@
<div class="topcontent">
<img src="" alt="" style="height: 447px;width: 650px;margin-right:134px;">
<div>
<div style="font-size: 60px;">数字货币全攻略</div>
<div style="font-size: 36px;width: 540px;">新手必读操作指南进阶策略行业热点尽在新手学院精彩一站直达轻松玩转数字货币</div>
<div style="font-size: 60px;width: 540px;">{{$t('college.text1')}}</div>
<div style="font-size: 36px;width: 540px;">{{$t('college.text2')}}</div>
</div>
</div>
<div class="banner">

2
src/views/contract/exchange-store.vue

@ -218,7 +218,7 @@
<div v-if="tab == 1" class="kaicang">
<div class="d-flex justify-content-between mb-3">
<div class="color_7c">{{ $t("contract.e7") }} </div>
<div>{{ maxNum }}</div>
<div>{{ accountInfo.account_equity }}</div>
</div>
<div class="d-flex justify-content-between mb-3">
<div class="color_7c">{{ $t("contract.e1") }}</div>

23
src/views/contract/index.vue

@ -7,7 +7,7 @@
<!-- </el-carousel-item>-->
<!-- </el-carousel>-->
<!-- </div>-->
<div class="d-flex align-items-center" style="background-color: #121212;">
<div class="d-flex align-items-center" style="background-color: #121212;min-height:58px;">
<div class="price px-3">
<img :src="currentIcon" alt="" style="width: 26px;height: 26px;">
</div>
@ -71,16 +71,16 @@
</div>
<div class="d-flex search_box">
<i class="el-icon-search"></i>
<input type="text" placeholder="搜索">
<input type="text" :placeholder="$t('exchange.search')">
</div>
<div class="bottom-box-left">
<template v-for="parent in contractList">
<table class="table" :key="parent.coin_name + 1">
<thead>
<tr class="">
<th class="w-10/24">{{ $t("contract.h5") }}</th>
<th class="w-7/24">{{ $t("contract.g3") }}</th>
<th class="w-7/24 text-right">
<th class="w-9/24">{{ $t("contract.h5") }}</th>
<th class="w-7/24 text-right">{{ $t("contract.g3") }}</th>
<th class="w-8/24 text-right">
{{ $t("contract.h6") }}
</th>
</tr>
@ -92,15 +92,15 @@
:class="{ active: item.symbol == activeSymbol }"
@click="ispopover1(item.symbol)"
>
<td class="w-10/24 tr-text">
<td class="w-9/24 tr-text">
{{ item.symbol }}/{{ parent.coin_name }}
</td>
<td class="w-7/24 " >
<td class="w-7/24 text-right" >
<!-- :class="item.increase < 0 ? 'decreace' : 'increase'" -->
{{ item.close }}
</td>
<td
class="w-7/24 text-right"
class="w-8/24 text-right"
:class="item.increase < 0 ? 'decreace' : 'increase'"
>
{{ item.increaseStr }}
@ -417,6 +417,13 @@ export default {
color: #2C60DC;
}
}
.page-top table tbody tr.active{
background-color: #242424;
td:first-child{
color: #2C60DC;
}
}
.page-top table tbody td{
border: none;
}

25
src/views/exchange/book-trades.vue

@ -1,10 +1,10 @@
<template>
<div class="col-md-3">
<div class="order-book mb15">
<h2 class="heading">{{ $t("exchange.order-book") }}</h2>
<div style="width: 20%;">
<div class="order-book mb-2" style="border:none;background-color: #121212;">
<h2 class="heading" style="border-bottom: 1px solid #2e2e2e;">{{ $t("exchange.order-book") }}</h2>
<table class="table">
<thead>
<tr style="display:block;">
<tr style="display:block;border: none;">
<th class="w-33">{{ $t("exchange.price") }}({{pair.to}})</th>
<th class="w-33 text-right">{{ $t("exchange.amount") }}
<!-- ({{pair.from}}) -->
@ -71,8 +71,9 @@
</tbody>
</table>
</div>
<div class="market-history">
<ul class="nav nav-pills" role="tablist">
<div class="market-history" style="border:none;background-color: #121212;">
<h2 class="heading" style="border-bottom: 1px solid #2e2e2e;">{{ $t("exchange.recent-trades") }}</h2>
<ul class="nav-pills" role="tablist" v-if="0">
<li class="nav-item">
<a class="nav-link active" data-toggle="pill" href="#recent-trades" role="tab" aria-selected="true">
{{ $t("exchange.recent-trades") }}
@ -104,7 +105,7 @@
<tbody>
<tr v-for="(item, index) in tradeList" :key="index">
<td style="display:block;width:100%">
<td style="display:block;width:100%;border:none;height:48px;">
<div class="w-33" :style="{color : item.color}">{{ item.price }}</div>
<div class="w-33 text-right">{{ item.amount }}</div>
<div class="w-33 text-right">{{ item.time }}</div>
@ -377,8 +378,12 @@ export default {
}
</style>
<style lang="scss" scoped>
.ob-heading {
border: 1px solid #333;
box-shadow: 0 0 5px #555;
.dark-app .ob-heading tr{
border: none;
background-color: #2e2e2e;
border-radius: 5px;
}
.trade-list tbody{
height: 330px;
}
</style>

96
src/views/exchange/index.vue

@ -1,5 +1,5 @@
<template>
<div>
<div style="background-color: black;padding-top: 5px;">
<!-- <div class="banner-block col-xs-8">-->
<!-- <el-carousel :interval="6000" height="450px">-->
<!-- <el-carousel-item v-for="item in pcBannerList" :key="item.id">-->
@ -7,14 +7,69 @@
<!-- </el-carousel-item>-->
<!-- </el-carousel>-->
<!-- </div>-->
<div class="container-fluid mtb15 no-fluid">
<div class="row sm-gutters">
<div class="d-flex align-items-center" style="background-color: #121212;min-height:58px;">
<div class="price px-3">
<img :src="currentIcon" alt="" style="width: 26px;height: 26px;">
</div>
<div class="price">
<div class="item fn-16" style="font-weight: bold;">{{ activeContract.pair_name }}</div>
</div>
<div class="d-flex fn-14 px-4 p-l-A align-items-center py-2">
<div class="item px-2 min-width-A">
<div class="title" :class="{
decreace2: activeContract.increase < 0,
increase: activeContract.increase >= 0
}">
{{ activeContract.price }}
</div>
<!-- <div class="title mb-1 text-secondary">
{{ $t("contract.h6") }}
</div> -->
<div :class="{
decreace2: activeContract.increase < 0,
increase: activeContract.increase >= 0
}">
{{ activeContract.increaseStr }}
</div>
</div>
</div>
<!-- 币种价值数据 -->
<div class="d-flex fn-14">
<div class="item px-2 min-width-B">
<div class="title mb-1 text-secondary">
24h {{ $t("contract.h7") }}
</div>
<div class="fn-12">
{{ activeContract.high }}
</div>
</div>
<div class="item px-2 min-width-B">
<div class="title mb-1 text-secondary">
24h {{ $t("contract.h8") }}
</div>
<div class="fn-12">
{{ activeContract.low }}
</div>
</div>
<div class="item px-2 min-width-B">
<div class="title mb-1 text-secondary">
24h {{ $t("contract.h9") }}
(USDT)
</div>
<div class="fn-12">
{{ activeContract.vol }}
</div>
</div>
</div>
</div>
<div class="my-2">
<div class="d-flex" style="flex-wrap: wrap;">
<!-- symbols -->
<symbols :marketList="marketList" :marketId="marketId" :isLogin="isLogin" :symbol.sync="symbol"></symbols>
<!-- kline -->
<make-deal :isLogin="isLogin" :pair="pair" :socket="ws.socket" :symbol="symbol" :buyorder="buyorder" :sellorder="sellorder" :fromBalance="fromBalance" :toBalance="toBalance" :newTrade="newTrade" :minQty="minQty" :minTotal="minTotal" :priceDecimals="priceDecimals" :qtyDecimals="qtyDecimals" @update="update"></make-deal>
<make-deal :isLogin="isLogin" :pair="pair" :socket="ws.socket" :symbol="symbol" :buyorder="buyorder" :sellorder="sellorder" :fromBalance="fromBalance" :toBalance="toBalance" :newTrade="newTrade" :minQty="minQty" :minTotal="minTotal" :priceDecimals="priceDecimals" :qtyDecimals="qtyDecimals" @update="update" @changeCoinLogo="changeCoinLogo"></make-deal>
<!-- order book -->
<book-trades :priceCny="price_cny"></book-trades>
@ -124,7 +179,8 @@ export default {
transPwdEnabled: false,
currentTab: "opens", // orderstab
price_cny:0
price_cny:0,
currentIcon: ''
}
},
@ -163,7 +219,18 @@ export default {
user_id : 0,
};
}
}
},
activeContract(val) {
let marketList=this.marketList
.map(item => item.marketInfoList)
.flat()
.find(item => item.symbol == this.symbol) || {}
if(val.price){
delete marketList.price
}
return marketList;
},
},
watch: {
@ -485,6 +552,10 @@ export default {
// this.indexList()
});
},
changeCoinLogo(e){
console.log(e, 'this.currentIcon = market.icon')
this.currentIcon = e.coin_icon;
}
},
@ -503,5 +574,16 @@ export default {
</script>
<style>
.increase{
color: #6EB189;
}
.decreace2{
color: #BB4965;
}
.text-secondary{
color: #636363 !important;
}
.min-width-B{
min-width: 130px;
}
</style>

159
src/views/exchange/make-deal.vue

@ -1,6 +1,10 @@
<template>
<div class="col-md-6">
<div class="px-4 py-2 heading">
<div class="flex-fill mr-2">
<div
class="d-flex align-items-center py-2 pl-2 heading justify-content-between" style="border-bottom: 1px solid #2e2e2e;height: 43px;font-size: 16px;"
>{{ $t("contact.chart") }}
</div>
<div class="px-4 py-2 heading" v-if="0">
<!-- <theme-change/> -->
<el-tooltip placement="bottom" effect="light">
<div slot="content" class="market">
@ -62,18 +66,18 @@
<k-line :symbol="symbol" :socket="socket" :priceDecimals="priceDecimals"></k-line>
<!-- 交易处理 -->
<div class="market-trade ">
<ul class="nav nav-pills">
<li class="nav-item">
<a href :class="[`nav-link`, {active:!isCondition&&isMarket}]" @click.prevent="isCondition=false;isMarket=true;">
{{ $t("common.market") }}
</a>
</li>
<li class="nav-item">
<a href :class="[`nav-link`, {active:!isCondition&&!isMarket}]" @click.prevent="isCondition=false;isMarket=false;">
{{ $t("common.limit") }}</a>
</li>
<div class="market-trade " style="background-color: #121212;">
<div class="px-3 pri">
<div class="nav nav-pills" style="background-color: transparent;border-bottom: 1px solid #2e2e2e;">
<div class="nav-item">
<a class="nav-link" :class="[`nav-link`, {active:!isCondition&&isMarket}]" @click.prevent="isCondition=false;isMarket=true;">{{ $t("common.market") }}</a>
</div>
<div class="nav-item">
<a class="nav-link" :class="[`nav-link`, {active:!isCondition&&!isMarket}]" @click.prevent="isCondition=false;isMarket=false;">{{ $t("common.limit") }}</a>
</div>
</div>
</div>
<ul class="px-3 nav nav-pills" v-if="0">
<!-- <li class="nav-item">
<a href :class="[`nav-link`, {active:isCondition&&!isMarket}]" @click.prevent="isCondition=true;isMarket=false;">
{{ $t("common.stop-limit") }}</a>
@ -159,11 +163,24 @@
</template>
<!-- Percent -->
<ul class="market-trade-list">
<ul class="market-trade-list" v-if="false">
<li v-for="(item,index) in percentage" :key="index" :class="{buyPercentActive:index == buyPercentIndex}" @click="renderBuyAmount(item.value, index)">
<a href="javascript:void 0">{{ item.label }}</a>
</li>
</ul>
<div class="px-2">
<el-slider
:value="activeStepBuy"
@input="sliderChangeBuy"
:format-tooltip="tooltip"
:marks="marks"
:step="25"
></el-slider>
</div>
<div class="d-flex justify-content-between mb-3 color_7c fn-10">
<div>0</div>
<div>100%</div>
</div>
<!-- Total -->
<el-popover popper-class='popover-tips' placement="top-start" trigger="manual" v-model="visibles.buy.orderTotal">
@ -171,18 +188,18 @@
<i class="el-icon-warning-outline"></i>
{{ msgList.buy[5] }}
</span>
<p slot="reference">
<p slot="reference" class="color_7c">
{{$t('exchange.order-total')}}
<span> <b>{{buyTotal}}</b> {{pair.from}} </span>
<span style="color: #fff;"> <b>{{buyTotal}}</b> {{pair.from}} </span>
</p>
</el-popover>
<!-- Available -->
<p>
<p class="color_7c">
{{ $t('exchange.amount') }}
<span> {{toBalance}} {{pair.to}}</span><br />
<span style="color: #fff;"> {{toBalance}} {{pair.to}}</span><br />
{{ $t('exchange.balance') }}
<span> {{fromBalance}} {{pair.from}}</span>
<span style="color: #fff;"> {{fromBalance}} {{pair.from}}</span>
</p>
<button class="btn buy" @click="handleBuyOrder">{{ $t("common.buy") }} {{pair.to}}</button>
</div>
@ -239,11 +256,24 @@
</div>
</el-popover>
<ul class="market-trade-list">
<ul class="market-trade-list" v-if="false">
<li v-for="(item,index) in percentage" :key="index" :class="{sellPercentActive:index == sellPercentIndex}" @click="renderSellAmount(item.value, index)">
<a href="javascript:void 0">{{ item.label }}</a>
</li>
</ul>
<div class="px-2">
<el-slider
:value="activeStepSell"
@input="sliderChangeSell"
:format-tooltip="tooltip"
:marks="marks"
:step="25"
></el-slider>
</div>
<div class="d-flex justify-content-between mb-3 color_7c fn-10">
<div>0</div>
<div>100%</div>
</div>
<!-- Total -->
<el-popover popper-class='popover-tips' placement="top-start" trigger="manual" v-model="visibles.sell.orderTotal">
@ -251,18 +281,18 @@
<i class="el-icon-warning-outline"></i>
{{ msgList.sell[5] }}
</span>
<p slot="reference">
<p slot="reference" class="color_7c">
{{ $t('exchange.order-total') }}
<span>
<span style="color: #fff;">
<b>{{sellTotal}}</b> {{pair.from}} </span>
</p>
</el-popover>
<p>
<p class="color_7c">
{{$t('exchange.amount')}}
<span> {{toBalance}} {{pair.to}} </span><br />
<span style="color: #fff;"> {{toBalance}} {{pair.to}} </span><br />
{{ $t('exchange.balance') }}
<span> {{fromBalance}} {{pair.from}}</span>
<span style="color: #fff;"> {{fromBalance}} {{pair.from}}</span>
</p>
<button class="btn sell" @click="handleSellOrder">{{ $t("common.sell") }} {{pair.to}}</button>
</div>
@ -331,6 +361,11 @@ export default {
value: 1
},
],
marks:{
25:'',
50:'',
75:''
},
//
buyPercentIndex: null,
sellPercentIndex: null,
@ -375,6 +410,21 @@ export default {
return Math.multiple(this.sellorder.entrust_price, this.sellorder.amount);
}
},
activeStepBuy(){
// console.log(this.buyorder.amount, this.buyTotal, '000000')
// let num = 0;
// if(this.isMarket){
// num = this.buyTotal / (this.fromBalance * 100);
// }else{
// num = this.buyorder.amount / (this.fromBalance * 100);
// }
// return num;
},
activeStepSell(){
// console.log(1111)
// let num = this.sellorder.amount / (this.toBalance * 100);
// return num;
},
//
lang() {
@ -432,7 +482,8 @@ export default {
lang:this.lang
}
Market.getCoinInfo(data).then(res => {
this.detail = res
this.detail = res;
this.$emit('changeCoinLogo', res);
}).catch(err => {
});
@ -448,6 +499,11 @@ export default {
}
this.buyPercentIndex = index;
this.buyTotal = Math.multiple(this.fromBalance, val);
// console.info(this.buyTotal, '------------')
},
sliderChangeBuy($ev){
// console.log($ev, 22222);
this.buyTotal = Math.multiple(this.fromBalance, $ev/100);
},
renderSellAmount(val, index) {
@ -460,6 +516,9 @@ export default {
this.sellPercentIndex = index;
this.sellorder.amount = Math.multiple(this.toBalance, val);
},
sliderChangeSell($ev){
this.sellorder.amount = Math.multiple(this.toBalance, $ev/100);
},
handleBuyOrder() {
@ -689,6 +748,11 @@ export default {
return flag;
},
//
tooltip($ev) {
return Math.round($ev) + "%";
},
},
created() {
@ -724,6 +788,25 @@ export default {
.market-trade {
border: none;
border-color: transparent;
.pri .nav-link.active{color: #fff;position: relative;}
.pri .nav-link.active::after{
content: "";
display: block;
position: absolute;
bottom: -7px;
left: 50%;
width: 100%;
height: 4px;
background-color: #fff;
border-radius: 0px;
transform: translateX(-50%);
margin-left: 0px;
}
.nav{
padding: 7px 0px;
font-size: 14px;
}
}
.market{
width: 300px;
@ -748,4 +831,26 @@ export default {
padding: 0!important;
background: transparent!important;
}
.market-trade button.buy{
background-color: #52A45A;
border-radius: 100px;
box-shadow: none;
}
.market-trade button.sell{
background-color: #BB4965;
border-radius: 100px;
box-shadow: none;
}
.market-trade .form-control{
height: 44px !important;
border-color: #404040;
}
.market-trade .input-group-text{
background-color: transparent;
color: #E4E5E4;
border-color: #404040;
}
.color_7c{
color: #7c7c7c !important;
}
</style>

11
src/views/exchange/order-list.vue

@ -1,7 +1,7 @@
<template>
<div class="col-md-9">
<div class="exchange-history order-history market-order mt15">
<ul class="nav nav-pills" role="tablist">
<div class="" style="width: 100%;">
<div class="exchange-history order-history market-order mt-2" style="border:none;background-color: #121212;">
<ul class="nav nav-pills" role="tablist" style="background-color: transparent;border-bottom: 1px solid #2e2e2e;">
<li class="nav-item" @click="toggle('opens')">
<a class="nav-link active" data-toggle="pill" href="#open-orders" role="tab" aria-selected="true">
{{ $t("common.open-orders") }}</a>
@ -269,8 +269,11 @@ export default {
background: #f5f9fc;
}
.nav-link{
color: #828282;
}
.nav-link.active {
color: #007bff;
color: #FFF;
background: transparent;
}
}

84
src/views/exchange/symbols.vue

@ -1,19 +1,23 @@
<template>
<div class="col-md-3">
<div class="market-pairs">
<div style="width:20%;background-color: #121212;margin-right: 7px;">
<div class="">
<div
class="coin-change d-flex align-items-center py-2 pl-2 heading justify-content-between" style="border-bottom: 1px solid #2e2e2e;height: 43px;font-size: 16px;"
>{{ $t("contact.market") }}
</div>
<!-- 搜索框区域 -->
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group search_box">
<!-- <div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-sm">
<i class="icon ion-md-search"></i>
</span>
</div>
</div> -->
<i class="el-icon-search"></i>
<input type="text" class="form-control" v-model="keyword" :placeholder="$t('exchange.search')" aria-describedby="inputGroup-sizing-sm">
</div>
<!-- 币种列表 -->
<ul class="nav nav-pills" role="tablist" ref="navList">
<ul class="nav nav-pills" role="tablist" ref="navList" style="width: 95%;margin: 0px auto;background-color: #2e2e2e;border-radius: 5px;height: 40px;">
<li class="nav-item" v-for="(coin, index) in markets" :key="index">
<a :class="[`nav-link`, {active:currentCoinIdx == index}]" href @click.prevent="currentCoinIdx = index">
@ -230,22 +234,66 @@ export default {
}
</script>
<style lang="scss">
.highlight {
background: #f6f8f9;
background: #F8F8FF;
td:first-child {
color: #007bff !important;
}
}
<style lang="scss" scoped>
.w-33 {
display: inline-block !important;
vertical-align: top !important;
width: 32% !important;
}
.active{
color: #f0a70a!important;
.search_box{
width: 95%;
height: 40px;
margin: 10px auto;
border: 1px solid #2e2e2e;
border-radius: 5px;
color: #2e2e2e;
align-items: center;
i{
width: 40px;
text-align: center;
font-size: 16px;
}
input{
background-color: transparent;
border: none;
border-left: 1px solid #2e2e2e;
padding: 0px 10px;
height: 40px;
font-size: 16px;
color: #fff;
line-height: 40px;
}
}
.nav-pills .nav-link{
color: #494849;
}
.nav-pills .nav-link.active{
color: #fff !important;
background-color: transparent;
}
table tbody td{
border: none;
}
table tbody tr:hover{
background-color: #242424;
td:first-child{
color: #2C60DC;
}
}
table tbody tr.highlight{
background-color: #242424;
td:first-child{
color: #2C60DC;
}
}
table tbody tr .red{
color: #E33F31;
}
table tbody tr .green{
color: #6EB189;
}
</style>

2
src/views/profile/index.vue

@ -24,7 +24,7 @@
<img src="../../assets/img/icon/top2.png" style="width: 37px;height: 48px;" alt v-if="detail.user_auth_level==2"/>
<img src="../../assets/img/icon/top1.png" style="width: 37px;height: 48px;" alt v-else/>
</div>
<div>
<div style="width: 411px;">
<!-- {{$t('profile.max')}}
<span class="font-weight-bold">1k</span>
<span class="font-weight-bold ">USD</span>

8
src/views/wallet/exchange-assets.vue

@ -9,10 +9,10 @@
<div>{{ userInfo.email }}</div>
</div>
<div class="d-flex px-5 mb-2 fn-16" style="color:#7A7A7A;">
<div class="w-6/24">手机</div>
<div class="w-5/24">邮箱</div>
<div class="w-6/24">身份认证</div>
<div class="w-6/24">国家/地区</div>
<div class="w-6/24">{{$t('login.phone')}}</div>
<div class="w-5/24">{{$t('login.email')}}</div>
<div class="w-6/24">{{$t('wallet.Authentication')}}</div>
<div class="w-6/24">{{$t('wallet.countryRegion')}}</div>
</div>
<div class="d-flex px-5 fn-16">
<div class="w-6/24">{{ userInfo.phone }}13366667777</div>

Loading…
Cancel
Save