2

components/lb-picker/pickers/selector-picker.vue

@@ -14,6 +14,7 @@
               : ''
           ]"
           :key="i">
+          <image :src="item.url" mode="aspectFill" class="flag-img"></image>
           <text class="lb-picker-column-label">
             {{ item[props.label] || item }}
           </text>
@@ -64,4 +65,12 @@ export default {
 
 <style lang="scss" scoped>
 @import "../style/picker-item.scss";
+.flag-img{
+		width: 44upx;
+		height: 44upx;
+		border-radius: 50%;
+		overflow: hidden;
+		vertical-align: middle;
+		margin-right: 30upx;
+	}
 </style>

components/lb-picker/style/picker-item.scss

@@ -1,3 +1,8 @@
+/deep/ .uni-picker-view-content{
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
 .lb-picker-column {
   height: 34px;
   /* #ifndef APP-NVUE */
@@ -8,7 +13,8 @@
   /* #endif */
   flex-direction: row;
   align-items: center;
-  justify-content: center;
+  // justify-content: center;
+	width: 31%;
 }
 
 .lb-picker-column-label {
@@ -20,4 +26,5 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  color: #666;
 }

i18n/index.js

@@ -19,8 +19,8 @@ requireComponent.keys().forEach(fileName => {
 })
 // 语言注入
 let i18n = new VueI18n({
-    // locale: uni.getStorageSync('language')||'zh-CN',
-	locale:'en',
+    locale: uni.getStorageSync('language')||'en',
+	// locale:'en',
     messages: messages
 })
 export default i18n;

i18n/lang/de.json

@@ -783,5 +783,39 @@
       "b6":"De Authentifizierung",
       "b7":"Kauf bestätigen",
       "b8":"Bestätigen Verkauf"
-  }
+  },
+	"cxiNewText":{
+		"a0": "Top 10",
+		"a1": "5 Millionen+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Globales Ranking",
+		"a5": "Benutzer vertrauen uns",
+		"a6": "Extrem niedrige Gebühren",
+		"a7": "Länder",
+		"a21": "Jetzt Geld verdienen",
+		"a22": "Erstellen Sie ein persönliches Kryptowährungsportfolio",
+		"a23": "Kaufen, handeln und halten Sie über 100 Kryptowährungen",
+		"a24": "Laden Sie Ihr Konto auf",
+		"a25": "Melden Sie sich per E-Mail an",
+		"a38": "Starten Sie Transaktionen jederzeit und überall.",
+		"a39": "Beginnen Sie jederzeit sicher und bequem mit dem Handel über unsere APP und Webseite",
+		"a41": "Vertrauenswürdige Handelsplattform für Kryptowährungen",
+		"a42": "Wir setzen uns dafür ein, die Sicherheit der Benutzer mit strengen Protokollen und branchenführenden technischen Maßnahmen zu gewährleisten.",
+		"a43": "Benutzersicherheits-Asset-Fonds",
+		"a44": "Wir speichern 10 % aller Transaktionsgebühren in sicheren Vermögensfonds, um einen teilweisen Schutz der Benutzergelder zu gewährleisten",
+		"a45": "Personalisierte Zugangskontrolle",
+		"a46": "Die personalisierte Zugriffskontrolle schränkt die Geräte und Adressen ein, die auf persönliche Konten zugreifen, sodass Benutzer keine Sorgen haben müssen.",
+		"a47": "Erweiterte Datenverschlüsselung",
+		"a48": "Persönliche Transaktionsdaten werden durch Ende-zu-Ende-Verschlüsselung gesichert und der Zugriff auf persönliche Informationen ist auf den Einzelnen beschränkt.",
+		"a57": "Klicken Sie hier, um zu gehen",
+		"a71": "Einsteigerhandbuch ",
+		"a72": "Beginnen Sie sofort mit dem Erlernen des digitalen Devisenhandels ",
+		"a77": "Wie kaufe ich digitale Währung",
+		"a78": "Wie verkauft man digitale Währungen ",
+		"a79": "So handeln Sie mit digitalen Währungen",
+		"a80": "Marktplatz",
+		"a81": "24-Stunden-Markttrend",
+		"a82": "Fügen Sie Ihrem Wallet Kryptowährungsgelder hinzu und beginnen Sie sofort mit dem Handel"
+	}
 }

i18n/lang/en.json

@@ -789,5 +789,39 @@
       "b6":"De authentication",
       "b7":"Confirm purchase",
       "b8":"Confirm sale"
-  }
+  },
+	"cxiNewText":{
+		"a0": "Top 10",
+		"a1": "5 million+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Global  Ranking",
+		"a5": "Users trust us",
+		"a6": "Ultra-Low Fees",
+		"a7": "Countries",
+		"a21": "Earn money now",
+		"a22": "Create a Personal Cryptocurrency Portfolio",
+		"a23": "Buy, trade and hold 100+ cryptocurrencies",
+		"a24": "Top up your account",
+		"a25": "Sign up by email",
+		"a38": "Start transactions anytime, anywhere.",
+		"a39": "Start trading safely and conveniently at any time through our APP and webpage",
+		"a41": "Trustworthy cryptocurrency trading platform",
+		"a42": "We are committed to ensuring the safety of users with strict protocols and industry-leading technical measures.",
+		"a43": "User security asset funds",
+		"a44": "We store 10% of all transaction fees in safe asset funds to provide partial protection for user funds",
+		"a45": "Personalized Access Control",
+		"a46": "Personalized access control restricts the devices and addresses that access personal accounts, so that users have no worries.",
+		"a47": "Advanced Data Encryption",
+		"a48": "Personal transaction data is secured through end-to-end encryption, and access to personal information is restricted to the individual.",
+		"a57": "Click to go",
+		"a71": "Beginner's Guide ",
+		"a72": "Start digital currency trading learning immediately ",
+		"a77": "How to buy digital currency ",
+		"a78": "How to sell digital currency ",
+		"a79": "How to Trade Digital Currencies",
+		"a80": "Market place",
+		"a81": "24 hours market trend",
+		"a82": "Add cryptocurrency funds to your wallet and start trading instantly"
+	} 
 }

i18n/lang/fra.json

@@ -783,5 +783,40 @@
       "b6":"Pour certifier",
       "b7":"Confirmer l'achat",
       "b8":"Confirmation de la vente"
-  }
+  },
+	"cxiNewText":{
+		"a0": "Top 10",
+		"a1": "5 millions+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Classement mondial",
+		"a5": "Les utilisateurs nous font confiance",
+		"a6": "Frais ultra-bas",
+		"a7": "Des pays",
+		"a21": "Gagner un revenu immédiatement",
+		"a22": "Créer un portefeuille personnel de crypto-monnaie",
+		"a23": "Achetez, échangez et détenez plus de 100 crypto-monnaies",
+		"a24": "Recharger le compte",
+		"a25": "Inscrivez-vous par e-mail",
+		"a38": "Ouvrez des transactions à tout moment, n'importe où.",
+		"a39": "Commencez à négocier en toute sécurité et facilement à tout moment via notre application et notre page Web",
+		"a41": "Une plateforme de trading de crypto-monnaie de confiance",
+		"a42": "Nous nous engageons à assurer la sécurité des utilisateurs avec des protocoles stricts et des mesures techniques de pointe.",
+		"a43": "Fonds d'actifs de sécurité des utilisateurs",
+		"a44": "Nous stockons 10 % de tous les frais de transaction dans des fonds d'actifs sûrs pour fournir une protection partielle aux fonds des utilisateurs",
+		"a45": "Contrôle d'accès personnalisé",
+		"a46": "Le contrôle d'accès personnalisé restreint l'accès aux appareils et aux adresses des comptes personnels, afin que les utilisateurs n'aient aucun souci.",
+		"a47": "Cryptage avancé des données",
+		"a48": "Les données de transaction personnelles sont protégées par un cryptage de bout en bout, et seule la personne peut accéder aux informations personnelles.",
+		"a57": "Cliquez pour aller",
+		"a71": "Guide du débutant ",
+		"a72": "Démarrez immédiatement l'apprentissage du trading de devises numériques ",
+		"a77": "Comment acheter de la monnaie numérique ",
+		"a78": "Comment vendre de la monnaie numérique ",
+		"a79": "Comment négocier des devises numériques",
+		"a80": "Place du marché",
+		"a81": "Tendance du marché sur 24 heures",
+		"a82": "Ajoutez des fonds de crypto-monnaie à votre portefeuille et commencez à trader instantanément"
+		
+	}
 }

i18n/lang/it.json

@@ -783,5 +783,39 @@
       "b6":"De autenticazione",
       "b7":"Conferma acquisto",
       "b8":"Conferma vendita"
-  }
+  },
+	"cxiNewText":{
+		"a0": "Primi 10",
+		"a1": "5 milioni +",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Classifica globale",
+		"a5": "Gli utenti si fidano di noi",
+		"a6": "Commissioni ultra basse",
+		"a7": "Paesi",
+		"a21": "Guadagna reddito immediatamente",
+		"a22": "Crea un portafoglio personale di criptovalute",
+		"a23": "Compra, scambia e detieni oltre 100 criptovalute",
+		"a24": "Ricarica il conto",
+		"a25": "Iscriviti tramite e-mail",
+		"a38": "Apri transazioni sempre e ovunque.",
+		"a39": "Inizia a fare trading in modo sicuro e conveniente in qualsiasi momento tramite la nostra APP e la nostra pagina web",
+		"a41": "Una piattaforma affidabile per il trading di criptovalute",
+		"a42": "Ci impegniamo a garantire la sicurezza degli utenti con protocolli rigorosi e misure tecniche leader del settore.",
+		"a43": "Fondi di sicurezza dell'utente",
+		"a44": "Conserviamo il 10% di tutte le commissioni di transazione in fondi di asset sicuri per fornire una protezione parziale ai fondi degli utenti",
+		"a45": "Controllo accessi personalizzato",
+		"a46": "Il controllo degli accessi personalizzato limita l'accesso ai dispositivi e agli indirizzi degli account personali, in modo che gli utenti non abbiano preoccupazioni.",
+		"a47": "Crittografia dati avanzata",
+		"a48": "I dati delle transazioni personali sono protetti dalla crittografia end-to-end e solo la persona può accedere alle informazioni personali.",
+		"a57": "Clicca per andare",
+		"a71": "Guida per principianti ",
+		"a72": "Inizia immediatamente l'apprendimento del trading di valuta digitale ",
+		"a77": "Come acquistare valuta digitale ",
+		"a78": "Come vendere valuta digitale ",
+		"a79": "Come scambiare valute digitali",
+		"a80": "Piazza del mercato",
+		"a81": "Andamento del mercato 24 ore",
+		"a82": "Aggiungi fondi di criptovaluta al tuo portafoglio e inizia a fare trading all'istante"
+	}
 }

i18n/lang/jp.json

@@ -783,5 +783,39 @@
       "b6":"認証に行きます",
       "b7":"購入確認",
       "b8":"販売の確認"
-  }
+  },
+	"cxiNewText":{
+		"a0": "トップ10",
+		"a1": "500万以上",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "世界ランキング",
+		"a5": "ユーザーは私たちを信頼しています",
+		"a6": "超低料金",
+		"a7": "国",
+		"a21": "すぐに収入を得る",
+		"a22": "個人の暗号通貨ポートフォリオを作成する",
+		"a23": "100 以上の暗号通貨を購入、取引、保持",
+		"a24": "アカウントにリチャージします",
+		"a25": "メールでサインアップする",
+		"a38": "いつでもどこでも取引を開始できます。",
+		"a39": "アプリとウェブページでいつでも安全かつ便利に取引を開始できます",
+		"a41": "信頼できる仮想通貨取引プラットフォーム",
+		"a42": "当社は、厳格なプロトコルと業界をリードする技術対策によりユーザーの安全を確保することに尽力しています。",
+		"a43": "ユーザーセキュリティ資産ファンド",
+		"a44": "ユーザー資金を部分的に保護するために、すべての取引手数料の 10% を安全資産基金に保管します。",
+		"a45": "個人的なアクセス制御",
+		"a46": "個人用アクセス制御により、個人アカウントのデバイスとアドレスへのアクセスが制限されるため、ユーザーは心配ありません。",
+		"a47": "高度なデータ暗号化",
+		"a48": "個人の取引データはエンドツーエンドの暗号化によって保護されており、本人のみが個人情報にアクセスできます。",
+		"a57": "クリックして移動",
+		"a71": "初心者ガイド",
+		"a72": "デジタル通貨取引の学習を今すぐ開始します",
+		"a77": "デジタル通貨の購入方法",
+		"a78": "デジタル通貨の販売方法",
+		"a79": "デジタル通貨の取引方法",
+		"a80": "取引市場",
+		"a81": "24時間市場動向",
+		"a82": "ウォレットに暗号通貨資金を追加して、すぐに取引を開始しましょう"
+	}
 }

i18n/lang/kor.json

@@ -783,5 +783,39 @@
       "b6":"인증 하 러 가다",
       "b7":"구 매 확인",
       "b8":"판매 확인"
-  }
+  },
+	"cxiNewText":{
+		"a0": "상위 10 개",
+		"a1": "500만+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "글로벌 랭킹",
+		"a5": "사용자는 우리를 신뢰합니다",
+		"a6": "매우 낮은 수수료",
+		"a7": "국가",
+		"a21": "즉시 수익 창출",
+		"a22": "개인 암호화폐 포트폴리오 만들기",
+		"a23": "100개 이상의 암호화폐 구매, 거래 및 보유",
+		"a24": "계정 충전",
+		"a25": "이메일로 가입",
+		"a38": "언제 어디서나 거래를 엽니다.",
+		"a39": "APP과 웹페이지를 통해 언제든지 안전하고 편리하게 거래를 시작하세요.",
+		"a41": "신뢰할 수 있는 암호화폐 거래 플랫폼",
+		"a42": "우리는 엄격한 프로토콜과 업계 최고의 기술적 조치로 사용자의 안전을 보장하기 위해 최선을 다하고 있습니다.",
+		"a43": "사용자 보안 자산 펀드",
+		"a44": "모든 거래 수수료의 10%를 안전자산 펀드에 보관하여 사용자 자금을 부분적으로 보호합니다.",
+		"a45": "개인화된 액세스 제어",
+		"a46": "개인화된 액세스 제어는 개인 계정 장치 및 주소에 대한 액세스를 제한하므로 사용자가 걱정할 필요가 없습니다.",
+		"a47": "고급 데이터 암호화",
+		"a48": "개인 거래 데이터는 종단 간 암호화로 보호되며 개인 정보에 접근할 수 있는 사람은 본인뿐입니다.",
+		"a57": "클릭하여 이동",
+		"a71": "초보자 가이드 ",
+		"a72": "즉시 디지털 통화 거래 학습 시작 ",
+		"a77": "디지털 화폐 구매 방법 ",
+		"a78": "디지털 통화 판매 방법 ",
+		"a79": "디지털 통화 거래 방법",
+		"a80": "시장",
+		"a81": "24시간 시장 동향",
+		"a82": "지갑에 암호화폐 자금을 추가하고 즉시 거래를 시작하세요."
+	}
 }

i18n/lang/pt.json

@@ -781,5 +781,39 @@
       "b6":"De autenticação",
       "b7":"Confirmar compra",
       "b8":"Confirmar Venda"
-  }
+  },
+	"cxiNewText":{
+		"a0": "10 melhores",
+		"a1": "5 milhões+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Classificação Global",
+		"a5": "Os usuários confiam em nós",
+		"a6": "Taxas ultrabaixas",
+		"a7": "Países",
+		"a21": "Ganhar renda imediatamente",
+		"a22": "Crie um portfólio pessoal de criptomoedas",
+		"a23": "Compre, negocie e mantenha mais de 100 criptomoedas",
+		"a24": "Recarregue a conta",
+		"a25": "Inscreva-se por e-mail",
+		"a38": "Transações abertas a qualquer hora, em qualquer lugar.",
+		"a39": "Comece a negociar com segurança e conveniência a qualquer momento através do nosso APP e página da web",
+		"a41": "Uma plataforma confiável de negociação de criptomoedas",
+		"a42": "Fique a par das últimas novidades através da nossa App e página web.",
+		"a43": "Fundos de ativos de segurança do usuário",
+		"a44": "Armazenamos 10% de todas as taxas de transação em fundos de ativos seguros para fornecer proteção parcial aos fundos do usuário",
+		"a45": "Controle de Acesso Personalizado",
+		"a46": "O controle de acesso personalizado restringe o acesso a dispositivos e endereços de contas pessoais, para que os usuários não tenham preocupações.",
+		"a47": "Criptografia de dados avançada",
+		"a48": "Os dados de transações pessoais são protegidos por criptografia de ponta a ponta e somente a pessoa pode acessar as informações pessoais.",
+		"a57": "Clique para ir",
+		"a71": "Guia do Iniciante ",
+		"a72": "Inicie o aprendizado de negociação de moeda digital imediatamente ",
+		"a77": "Como comprar moeda digital ",
+		"a78": "Como vender moeda digital ",
+		"a79": "Como negociar moedas digitais",
+		"a80": "Mercado",
+		"a81": "Tendência de mercado 24 horas",
+		"a82": "Adicione fundos de criptomoeda à sua carteira e comece a negociar instantaneamente"
+	}
 }

i18n/lang/spa.json

@@ -783,5 +783,40 @@
       "b6":"Descertificación",
       "b7":"Confirmar la compra",
       "b8":"Confirmación de la venta"
-  }
+  },
+	"cxiNewText":{
+		"a0": "10 mejores",
+		"a1": "5 millones+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Clasificación mundial",
+		"a5": "Los usuarios confían en nosotros",
+		"a6": "Tarifas ultra bajas",
+		"a7": "Países",
+		"a21": "Obtener ingresos inmediatamente",
+		"a22": "Crear una cartera personal de criptomonedas",
+		"a23": "Compre, intercambie y mantenga más de 100 criptomonedas",
+		"a24": "Recargar la cuenta",
+		"a25": "Registrarse por correo electrónico",
+		"a38": "Abrir transacciones en cualquier momento y en cualquier lugar.",
+		"a39": "Comience a operar de manera segura y conveniente en cualquier momento a través de nuestra aplicación y página web",
+		"a41": "Una plataforma de negociación de criptomonedas de confianza",
+		"a42": "Estamos comprometidos a garantizar la seguridad de los usuarios con estrictos protocolos y medidas técnicas líderes en la industria.",
+		"a43": "Fondos de activos de seguridad del usuario",
+		"a44": "Almacenamos el 10% de todas las tarifas de transacción en fondos de activos seguros para brindar protección parcial a los fondos de los usuarios",
+		"a45": "Control de acceso personalizado",
+		"a46": "El control de acceso personalizado restringe el acceso a dispositivos y direcciones de cuentas personales, para que los usuarios no tengan preocupaciones.",
+		"a47": "Cifrado de datos avanzado",
+		"a48": "Los datos de transacciones personales están protegidos por encriptación de extremo a extremo y solo la persona puede acceder a la información personal.",
+		"a57": "Haga clic para ir",
+		"a71": "Guía para principiantes ",
+		"a72": "Comience a aprender a operar con divisas digitales de inmediato ",
+		"a77": "Cómo comprar moneda digital ",
+		"a78": "Cómo vender moneda digital ",
+		"a79": "Cómo operar con monedas digitales",
+		"a80": "Mercado",
+		"a81": "Tendencia del mercado de 24 horas",
+		"a82": "Agregue fondos de criptomonedas a su billetera y comience a operar al instante"
+		
+	}
 }

i18n/lang/tr.json

@@ -781,5 +781,39 @@
       "b6": "de authentication",
       "b7": "alışveri onaylayın",
       "b8": "satış doğrulaması"
-  }
+  },
+	"cxiNewText":{
+		"a0": "En iyi 10",
+		"a1": "5 milyon+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "Küresel Sıralama",
+		"a5": "Kullanıcılar bize güveniyor",
+		"a6": "Ultra Düşük Ücretler",
+		"a7": "Ülkeler",
+		"a21": "hemen gelir elde et",
+		"a22": "Kişisel bir kripto para portföyü oluştur",
+		"a23": "100'den fazla kripto para birimi satın alın, ticaret yapın ve tutun",
+		"a24": "Hesabı şarj et",
+		"a25": "E-posta ile kaydol",
+		"a38": "İşlemleri istediğiniz zaman, istediğiniz yerde açın.",
+		"a39": "APP ve web sayfamız aracılığıyla istediğiniz zaman güvenli ve rahat bir şekilde işlem yapmaya başlayın",
+		"a41": "Güvenilir bir kripto para ticaret platformu",
+		"a42": "Katı protokoller ve endüstri lideri teknik önlemlerle kullanıcıların güvenliğini sağlamaya kararlıyız.",
+		"a43": "Kullanıcı güvenlik varlık fonları",
+		"a44": "Kullanıcı fonlarına kısmi koruma sağlamak için tüm işlem ücretlerinin %10'unu güvenli varlık fonlarında saklıyoruz",
+		"a45": "Kişiselleştirilmiş Erişim Kontrolü",
+		"a46": "Kişiselleştirilmiş erişim kontrolü, kullanıcıların endişelenmemesi için kişisel hesap cihazlarına ve adreslerine erişimi kısıtlar.",
+		"a47": "Gelişmiş Veri Şifreleme",
+		"a48": "Kişisel işlem verileri uçtan uca şifreleme ile korunmaktadır ve kişisel bilgilere yalnızca kişi erişebilir.",
+		"a57": "Gitmek için tıklayın",
+		"a71": "Başlangıç Kılavuzu ",
+		"a72": "Dijital döviz ticareti öğrenmeye hemen başlayın ",
+		"a77": "Dijital para birimi nasıl alınır ",
+		"a78": "Dijital para birimi nasıl satılır ",
+		"a79": "Dijital Para Birimleri Nasıl Ticaret Yapılır?",
+		"a80": "Pazar yeri",
+		"a81": "24 saat piyasa trendi",
+		"a82": "Cüzdanınıza kripto para birimi fonları ekleyin ve anında işlem yapmaya başlayın"
+	}
 }

i18n/lang/zh-TW.json

@@ -787,5 +787,39 @@
       "b6":"去認證",
       "b7":"確認購買",
       "b8":"確認出售"
-  }
+  },
+	"cxiNewText":{
+		"a0": "前10名",
+		"a1": "500萬+",
+		"a2": "< 0.10%",
+		"a3": "200+",
+		"a4": "全球排名",
+		"a5": "用戶信任我們",
+		"a6": "超低費用",
+		"a7": "國家",
+		"a21": "立即賺取收益",
+		"a22": "創建個人加密貨幣投資組合",
+		"a23": "購買、交易和持有100多種加密貨幣",
+		"a24": "向賬戶充值",
+		"a25": "通過電子郵件註冊",
+		"a38": "隨時隨地，開啟交易。",
+		"a39": "通過我們的應用程序和網頁，隨時安全又便利地開始交易。",
+		"a41": "值得用戶信賴的加密貨幣交易平台",
+		"a42": "我們終力承諾以嚴格協議和行業領先的技術措施為用戶安全駕駛護航。",
+		"a43": "用戶安全資產資金",
+		"a44": "我們將所有交易費用的10%存入與安全資產資金，為用戶資金提供部分保障。",
+		"a45": "個性化訪問控制",
+		"a46": "個性化訪問控制限制訪問個人賬戶的設備和地址，讓用戶無後顧之憂。",
+		"a47": "先進數據加密",
+		"a48": "個人交易數據通過端到端加密獲得保障，僅限本人訪問個人信息。",
+		"a57": "點擊前往",
+		"a71": "新手指引",
+		"a72": "即刻開啟數字貨幣交易學習",
+		"a77": "如何購買數字貨幣",
+		"a78": "如何出售數字貨幣",
+		"a79": "如何交易數字貨幣",
+		"a80": "交易市場",
+		"a81": "24小時市場走勢",
+		"a82": "將添加加密貨幣資金添加到您的錢包並立即開始交易"
+	}
 }

layout/vLang.vue

@@ -1,6 +1,7 @@
 <template>
    <v-picker class="d-inline-block" :value="lang" :list="langList" @change="selectLang" range-key="label">
-     {{label}}
+     <image :src="url" mode="aspectFill" class="flag-img"></image>
+     <text>{{label}}</text>
    </v-picker>
 </template>
 <script>
@@ -21,7 +22,10 @@ export default {
     }),
     label() {
       return this.langList.find((item) => item.value == this.lang).label;
-    }
+    },
+		url(){
+			return this.langList.find((item) => item.value == this.lang).url;
+		}
   },
   methods: {
     ...mapActions({
@@ -39,4 +43,14 @@ export default {
     },
   },
 };
-</script>
+</script>
+<style lang="scss" scoped>
+	.flag-img{
+		width: 44upx;
+		height: 44upx;
+		border-radius: 50%;
+		overflow: hidden;
+		vertical-align: middle;
+		margin-right: 12upx;
+	}
+</style>

layout/vPicker.vue

@@ -4,6 +4,7 @@
     @confirm="select"
     :confirm-text="$t('common.confirm')"
     :cancel-text="$t('common.cancel')"
+    :empty-text="$t('common.notData')"
     :list="list"
     :props="{
       label: rangeLabel,

pages/base/home.vue

@@ -19,9 +19,21 @@
         
       </template> -->
       <template #right>
-        <v-link to="/pages/list/list?isSearch=1" class="d-flex align-center">
+        <!-- <v-link to="/pages/list/list?isSearch=1" class="d-flex align-center">
           <van-icon class="fn-20" name="search" />
-        </v-link>
+        </v-link> -->
+				<view class="per-bot p-y-md p-x-sm d-flex align-center">
+				  <!-- <img :src="$localImgUrl('Page6.png')" alt="" class="h-20 m-r-xs" /> -->
+				  <span class="color-light">
+				    <v-lang
+				      @change="
+				        marketList = [];
+				        indexData();
+				      "
+				    ></v-lang>
+				    <i class="iconfont m-l-xs fn-sm">&#xe6e9;</i>
+				  </span>
+				</view>
       </template>
     </v-header>
     <view class="layout-main">
@@ -33,7 +45,7 @@
           :refresher-threshold="50"
         >
       <!-- 轮播 -->
-      <swiper
+      <!-- <swiper
         class="my-swipe m-x-md p-b-xs"
         :autoplay="true"
         indicator-dots
@@ -46,12 +58,12 @@
         >
           <img width="100%" height="100%" class="rounded-sm" fit="cover" :src="item.imgurl" />
         </swiper-item>
-      </swiper>
+      </swiper> -->
       <!-- 公告 -->
       <v-notice-bar
         v-if="notice.length"
         class="m-t-md m-x-md bg-panel-1 box-shadow rounded-sm"
-      >
+				>
         <template #left-icon>
           <van-icon
             class="m-r-sm fn-16"
@@ -98,7 +110,7 @@
         </v-link>
       </view> -->
       <!-- 指数 -->
-      <view class="stock-swipe d-flex p-x-md m-t-ms">
+      <view class="stock-swipe d-flex p-x-md m-t-ms" v-if="0">
         <view
           class="swipe_right flex-fill lists"
           v-for="(parentItem,index) in marketList"
@@ -201,7 +213,39 @@
           <text @click="infoActive=1" class="m-l-lg" :class="infoActive==1?'fn-bold fn-16 bor5 color-light':''">{{ $t("first.b4") }}</text>
       </view> -->
       
-      <view class="head_info m-y-md ">
+			<view class="section-h-1">
+				<template v-if="!isLogin">
+					<view class=""><image src="../../static/img/illustration-1.png" style="width: 454rpx;height: 400rpx;"></image></view>
+					<view style="color: #222;font-size: 16px;font-weight: bold;">{{$t("cxiNewText.a22")}}</view>
+					<view style="color: #444;font-size: 12px;margin-top: 20rpx;">{{$t("cxiNewText.a23")}}</view>
+					<navigator class="btn homeBtn" url="/pages/reg/index">{{$t("cxiNewText.a25")}}</navigator>
+				</template>
+				<template v-else>
+					<view class=""><image src="../../static/img/illustration-2.png" style="width: 576rpx;height: 400rpx;"></image></view>
+					<view style="color: #222;font-size: 16px;font-weight: bold;">{{$t("cxiNewText.a24")}}</view>
+					<view style="color: #444;font-size: 12px;margin-top: 20rpx;">{{$t("cxiNewText.a82")}}</view>
+					<navigator class="btn homeBtn" url="/pages/assets/recharge">{{$t("cxiNewText.a24")}}</navigator>
+				</template>
+				<view class="d-flex">
+					<view class="w-5/12">
+						<view class="text1">{{ $t("cxiNewText.a0") }}</view>
+						<view class="text2">{{ $t("cxiNewText.a4") }}</view>
+					</view>
+					<view class="w-5/12">
+						<view class="text1">{{ $t("cxiNewText.a1") }}</view>
+						<view class="text2">{{ $t("cxiNewText.a5") }}</view>
+					</view>
+					<view class="w-5/12">
+						<view class="text1">{{ $t("cxiNewText.a2") }}</view>
+						<view class="text2">{{ $t("cxiNewText.a6") }}</view>
+					</view>
+					<view class="w-5/12">
+						<view class="text1">{{ $t("cxiNewText.a3") }}</view>
+						<view class="text2">{{ $t("cxiNewText.a7") }}</view>
+					</view>
+				</view>
+			</view>
+      <view class="head_info" style="background-color: #fff;padding-top: 25px;">
         <van-tabs
           v-if="marketList.length"
           :active="infoActive"
@@ -209,73 +253,85 @@
           :border="false"
           animated
         >
-            <van-tab>
-              <view class="w-12/12 m-t-xs">
-                 <view class="fn-center w-max">
-                   <v-link
-                     :to="{
-                       path: '/pages/exchange/index',
-                       query: { code: item.pair_name,contract:1 },
-                     }"
-                     class="m-b-md m-x-md rounded-xs bg-panel-3 box-shadow link-active d-flex justify-between align-center p-x-md p-y-xs box-size p-x-xs"
-                     v-for="(item,index) in marketListHe"
-                     :key="index"
-                   >
-                     <view class="fn-left w-6/12">
-                       <view class="d-flex align-center">
-                           <text class="fn-bold fn-14 color-light">{{ item.pair_name }}</text>
-                           <text class="color-default fn-12 m-l-xs">{{ $t("first.b8") }}</text>
-                       </view>
-                       <view class="d-flex align-center fn-12 m-t-xs">
-                           24H{{ $t("first.b3") }} {{ omitTo(item.vol,0) }}
-                       </view>
-                     </view>
-                     <view class="fn-left align-end w-3/12">
-                       <view class="d-flex align-end fn-bold fn-16" :class="item.increase * 1 >0?'color-buy':'color-sell'">{{ item.close }}</view>
-                       <!-- <view class="m-t-xs">
-                           ￥{{ omitTo(item.close*price_cny,2) }}
-                       </view> -->
-                     </view>
-                     <view class="fn-right w-3/12 positions">
-                       <span
-                       class="rounded-xs posi fn-12"
-                         :class="
-                           item.increase * 1 > 0 ? 'color-buy' : 'color-sell'
-                         "
-                         >{{ item.increaseStr }}</span
-                       >
-                       <view class="charts-box m-t-xs">
-                         <qiun-data-charts
-                           type="tarea"
-                           :chartData="item.kline"
-                           background="none"
-                           :tapLegend="false"
-                           :range="item.increase*1>0?true:false"
-                         />
-                       </view>
-                     </view>
-                   </v-link>
-                 </view>
-              </view>
-            </van-tab>
+					<van-tab>
+						<view class="w-12/12 m-t-xs">
+							 <view class="fn-center w-max">
+								 <v-link
+									 :to="{
+										 path: '/pages/exchange/index',
+										 query: { code: item.pair_name,contract:1 },
+									 }"
+									 class="m-b-md m-x-md rounded-xs bg-panel-3 box-shadow link-active d-flex justify-between align-center p-x-md p-y-xs box-size p-x-xs"
+									 v-for="(item,index) in marketListHe"
+									 :key="index"
+								 >
+									 <view class="fn-left w-6/12">
+										 <view class="d-flex align-center">
+												 <text class="fn-bold fn-14 color-light">{{ item.pair_name }}</text>
+												 <text class="color-default fn-12 m-l-xs">{{ $t("first.b8") }}</text>
+										 </view>
+										 <view class="d-flex align-center fn-12 m-t-xs">
+												 24H{{ $t("first.b3") }} {{ omitTo(item.vol,0) }}
+										 </view>
+									 </view>
+									 <!-- <view class="fn-left align-end w-3/12">
+										 <view class="d-flex align-end fn-bold fn-16" :class="item.increase * 1 >0?'color-buy':'color-sell'">{{ item.close }}</view>
+										 <view class="m-t-xs">
+												 ￥{{ omitTo(item.close*price_cny,2) }}
+										 </view>
+									 </view> -->
+									 <view class="fn-right w-3/12 positions">
+										 <span
+										 class="rounded-xs posi fn-12"
+											 :class="
+												 item.increase * 1 > 0 ? 'color-buy' : 'color-sell'
+											 "
+											 >{{ item.increaseStr }}</span
+										 >
+										 <span class="d-flex align-end fn-bold fn-16" :class="item.increase * 1 >0?'color-buy':'color-sell'">{{ item.close }}</span>
+										 <!-- <view class="charts-box m-t-xs">
+											 <qiun-data-charts
+												 type="tarea"
+												 :chartData="item.kline"
+												 background="none"
+												 :tapLegend="false"
+												 :range="item.increase*1>0?true:false"
+											 />
+										 </view> -->
+									 </view>
+								 </v-link>
+							 </view>
+						</view>
+					</van-tab>
           <van-tab
             v-for="parentItem in marketList"
             :key="parentItem.coin_name"
             v-if="parentItem.coin_name=='USDT'"
-          >
+						>
             <view class="w-12/12 m-t-xs">
+							<view class="m-x-md p-x-md fn-bold fn-18" style="color: #111;">
+								{{$t("cxiNewText.a80")}}
+							</view>
+							<view class="m-x-md p-x-md m-b-md m-t-xs fn-12">
+								{{$t("cxiNewText.a81")}}
+							</view>
               <view class="fn-center w-max">
                 <v-link
                   :to="{
                     path: '/pages/exchange/index',
                     query: { code: item.pair_name },
                   }"
-                  class="m-b-md m-x-md rounded-xs bg-panel-3 box-shadow link-active d-flex justify-between align-center p-x-md p-y-xs box-size p-x-xs"
+                  class="m-b-md m-x-md rounded-xs bg-panel-3 link-active d-flex justify-between align-center p-x-md p-y-xs box-size p-x-xs"
                   v-for="item in parentItem.collect
                     ? collect
                     : parentItem.marketInfoList"
                   :key="item.pair_name"
                 >
+                  <view class="fn-left w-2/12">
+                    <view class="d-flex">
+                        <image class="coin_icon" :src="item.coin_icon" mode=""></image>
+                    </view>
+                  </view>
                   <view class="fn-left w-6/12">
                     <view class="d-flex align-center">
                         <text class="fn-bold fn-14 color-light">{{ item.pair_name }}</text>
@@ -284,20 +340,21 @@
                         24H{{ $t("first.b3") }} {{ omitTo(item.vol,0) }}
                     </view>
                   </view>
-                  <view class="fn-left align-end w-3/12">
+                  <!-- <view class="fn-left align-end w-3/12">
                     <view class="d-flex align-end fn-bold fn-16" :class="item.increase * 1 >0?'color-buy':'color-sell'">{{ item.close }}</view>
-                    <!-- <view class="m-t-xs">
+                    <view class="m-t-xs">
                         ￥{{ omitTo(item.close*price_cny,2) }}
-                    </view> -->
-                  </view>
-                  <view class="fn-right w-3/12 positions">
-                    <span
-                    class="rounded-xs posi fn-12"
+                    </view>
+                  </view> -->
+                  <view class="fn-right w-6/12 positions">
+                    <view
+                    class="rounded-xs fn-bold fn-16"
                       :class="
                         item.increase * 1 > 0 ? 'color-buy' : 'color-sell'
                       "
-                      >{{ item.increaseStr }}</span
+                      >{{ item.increaseStr }}</view
                     >
+										<view class="fn-12">${{ item.close }}</view>
                     <!-- <view class="charts-box m-t-xs">
                       <qiun-data-charts
                         type="tarea"
@@ -314,7 +371,80 @@
           </van-tab>
         </van-tabs>
       </view>
-      </scroll-view>
+      <!-- 立即赚取收益 按钮 开始 -->
+			<view class="section-h-2">
+				<navigator class="homeBtn" url="/pages/login/index" v-if="!isLogin">{{ $t("cxiNewText.a21") }}</navigator>
+				<view class="homeBtn" @click="tabChange('exchange-operation')" v-else>{{ $t("cxiNewText.a21") }}</view>
+			</view>
+			<!-- 值得用户信赖的加密货币平台 -->
+			<view class="section-h-3">
+				<view class="title1">{{ $t("cxiNewText.a41") }}</view>
+				<view class="title2">{{ $t("cxiNewText.a42") }}</view>
+				<view class="d-flex justify-center m-y-md">
+					<image src="../../static/img/trusted-section.png" mode="" style="width: 207px;height: 188px;"></image>
+				</view>
+				<view class="section-h-3-list m-t-lg">
+					<view class="d-flex justify-between m-b-lg">
+						<view class="list-left" style="background-image: url('../../static/img/icon_1.png');"></view>
+						<view class="">
+							<view class="text1">{{ $t("cxiNewText.a43") }}</view>
+							<view class="text2">{{ $t("cxiNewText.a44") }}</view>
+						</view>
+					</view>
+					<view class="d-flex justify-between m-b-lg">
+						<view class="list-left" style="background-image: url('../../static/img/icon_2.png');"></view>
+						<view class="">
+							<view class="text1">{{ $t("cxiNewText.a45") }}</view>
+							<view class="text2">{{ $t("cxiNewText.a46") }}</view>
+						</view>
+					</view>
+					<view class="d-flex justify-between">
+						<view class="list-left" style="background-image: url('../../static/img/icon_3.png');"></view>
+						<view class="">
+							<view class="text1">{{ $t("cxiNewText.a47") }}</view>
+							<view class="text2">{{ $t("cxiNewText.a48") }}</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 新手指引 -->
+			<view class="section-h-3">
+				<view class="title1">{{ $t("cxiNewText.a71") }}</view>
+				<view class="title2">{{ $t("cxiNewText.a72") }}</view>
+				<view class="">
+					<view class="">
+						<view class="list-box m-b-md m-t-lg" style="background-image: url('../../static/img/trusted-section_2.png');"></view>
+						<view class="">{{ $t("cxiNewText.a77") }}</view>
+					</view>
+					<view class="">
+						<view class="list-box m-b-md m-t-lg" style="background-image: url('../../static/img/trusted-section_3.png');"></view>
+						<view class="">{{ $t("cxiNewText.a78") }}</view>
+					</view>
+					<view class="">
+						<view class="list-box m-b-md m-t-lg" style="background-image: url('../../static/img/trusted-section_4.png');"></view>
+						<view class="">{{ $t("cxiNewText.a78") }}</view>
+					</view>
+				</view>
+			</view>
+			<!-- 随时随地，开启交易 -->
+			<view class="section-h-3">
+				<view class="title1">{{ $t("cxiNewText.a38") }}</view>
+				<view class="title2">{{ $t("cxiNewText.a39") }}</view>
+				<view class="d-flex justify-center m-y-xl">
+					<image class="section-h-3-bp" src="../../static/img/trusted-section_5.png" mode=""></image>
+				</view>
+				<view class="d-flex justify-between">
+					<view class="section-h-3-btn"><image src="../../static/img/antFill-apple.png" mode=""></image>App Stoer</view>
+					<view class="section-h-3-btn"><image src="../../static/img/fab fa-android.png" mode=""></image>Android APK</view>
+				</view>
+			</view>
+			<!-- 点击前往 -->
+			<view class="section-h-1">
+				<view class="fn-18 fn-bold m-b-sm" style="color: #444;">{{ $t("cxiNewText.a21") }}</view>
+				<navigator class="homeBtn" url="/pages/login/index" v-if="!isLogin">{{ $t("cxiNewText.a57") }}</navigator>
+				<view class="homeBtn" @click="tabChange('exchange-operation')" v-else>{{ $t("cxiNewText.a57") }}</view>
+			</view>
+			</scroll-view>
     </view>
     <!-- 个人主页弹出层 -->
     <van-popup
@@ -338,7 +468,7 @@
                 </view>
               </view> -->
 							
-              <img width="25px" height="25px" @click="changtTheme" :src="theme == 'light' ? 'static/img/moon.png' : 'static/img/sun.png'" />
+              <!-- <img width="25px" height="25px" @click="changtTheme" :src="theme == 'light' ? 'static/img/moon.png' : 'static/img/sun.png'" /> -->
           </view>
         <view class="information p-l-md m-t-xl">
           <!-- <img :src="logoMap.login_logo" class="h-50 w-50 d-block m-r-xs rounded-max flex-shrink" /> -->
@@ -1162,4 +1292,125 @@ export default {
 .fn-9{
     font-size: 9px;
 }
+.section-h-1{
+	width: 750rpx;
+	background-color: #fafafa;
+	text-align: center;
+	padding: 60rpx 0px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	
+	image{
+		margin-bottom: 20rpx;
+	}
+	.btn{
+		margin-top: 20rpx;
+	}
+	.d-flex{
+		width: 96%;
+		text-align: left;
+		flex-wrap: wrap;
+		margin-top: 40rpx;
+		justify-content: space-around;
+		
+		.text1{
+			color: #444;
+			font-size: 18px;
+			font-weight: bold;
+		}
+		.text2{
+			color: #999;
+			font-size: 12px;
+		}
+	}
+}
+.homeBtn{
+	padding: 0px 80rpx;
+	height: 80rpx;
+	line-height: 80rpx;
+	border-radius: 10rpx;
+	color: #fff;
+	background-color: #326AEB;
+}
+.coin_icon{
+	width:60rpx;
+	height:60rpx;
+}
+.section-h-2{
+	width: 750rpx;
+	background-color: #fff;
+	text-align: center;
+	padding-bottom: 40rpx;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+.section-h-3{
+	width: 750rpx;
+	background-color: #fff;
+	padding: 30rpx 30rpx 50rpx;
+	box-sizing: border-box;
+	
+	.title1{
+		font-size: 18px;
+		color: #101010;
+		font-weight: bold;
+		line-height: 26px;
+		margin-bottom: 10rpx;
+	}
+	.title2{
+		font-size: 14px;
+		color: #999;
+		line-height: 22px;
+	}
+	
+	.section-h-3-list{
+		.list-left{
+			width: 50px;
+			height: 50px;
+			margin-right: 10px;
+			flex-shrink: 0;
+			background-size: cover;
+		}
+		.text1{
+			color: #444;
+			font-weight: bold;
+		}
+		.text2{
+			color: #999;
+			font-size: 12px;
+			line-height: 20px;
+		}
+	}
+	.list-box{
+		width: 692rpx;
+		height: 400rpx;
+		background-color: #FAFAFA;
+		background-size: contain;
+		background-position: center;
+		background-repeat: no-repeat;
+	}
+	.section-h-3-bp{
+		width: 692rpx;
+		height: 424rpx;
+		// background-color: #ccc;
+	}
+	.section-h-3-btn{
+		width: 324rpx;
+		height: 96rpx;
+		line-height: 96rpx;
+		text-align: center;
+		color: #326AEB;
+		background-image: url('../../static/img/homeBtn_2.png');
+		background-size: 100% 100%;
+		
+		image{
+			width: 24px;
+			height: 24px;
+			margin: 0px 4px 4px 0px;
+			vertical-align: middle;
+		}
+	}
+}
 </style>

pages/base/index.vue

@@ -83,14 +83,14 @@ export default {
 				  icon: "static/img/base_caidan_0.png",
 				  activeIcon: "static/img/base_caidan_1.png",
 				},
-        {
-          // label: this.$t("base.a4"),
-          // tel: "option-list",
-					label: this.$t("help.a3"),
-					tel: "help",
-          icon: "static/img/base_qukuai_0.png",
-          activeIcon: "static/img/base_qukuai_1.png",
-        },
+     //    {
+     //      // label: this.$t("base.a4"),
+     //      // tel: "option-list",
+					// label: this.$t("help.a3"),
+					// tel: "help",
+     //      icon: "static/img/base_qukuai_0.png",
+     //      activeIcon: "static/img/base_qukuai_1.png",
+     //    },
         
         {
           label: this.$t("base.d2"),
@@ -154,6 +154,7 @@ export default {
 }
 .router-link-active {
   color: $theme-1;
+	// color: #326AEB;
 }
 .mode{
     position: fixed;

store/index.js

@@ -68,71 +68,82 @@ let store = new Vuex.Store({
       if (!uni.getStorageSync('logoMap')) return {};
       return JSON.parse(uni.getStorageSync('logoMap'))
     })(),
-    // lang: uni.getStorageSync('language')||'zh-CN',
-	lang:'en',
+    lang: uni.getStorageSync('language')||'en',
+	// lang:'en',
     version:uni.getStorageSync('version'),
     langList: [
       
       {
         value: 'en',
-        label: 'English'
+        label: 'English',
+				url: require("../assets/img/flag/en.jpg")
       },
 			// {
 			// 	value: 'zh-CN',
 			// 	label: '简体中文'
 			// },
       
-      {
-        value: 'tr',
-        label: 'Türk'
-      },
+      
       {
         value: 'kor',
-        label: '한국어'
-      },
-      {
-        value: 'jp',
-        label: '日本語'
+        label: '한국어',
+				url: require("../assets/img/flag/kor.jpg")
       },
       {
         value: 'de',
-        label: 'Deutsch'
+        label: 'Deutsch',
+				url: require("../assets/img/flag/de.jpg")
       },
       {
         value: 'fra',
-        label: 'Français'
+        label: 'Français',
+				url: require("../assets/img/flag/fra.png")
       },
       {
         value: 'spa',
-        label: 'Español'
+        label: 'Español',
+				url: require("../assets/img/flag/spa.jpg")
       },
       {
         value: 'it',
-        label: 'Italiano'
-      },
-      {
-        value: 'ukr',
-        label: 'УкраїнськаName'
+        label: 'Italiano',
+				url: require("../assets/img/flag/it.png")
       },
       {
-        value: 'swe',
-        label: 'Svenska'
-      },
-      {
-        value: 'fin',
-        label: 'Suomi'
-      },
-      {
-        value: 'pl',
-        label: 'Polski'
+        value: 'jp',
+        label: '日本語',
+				url: require("../assets/img/flag/jp.jpg")
       },
+      // {
+      //   value: 'ukr',
+      //   label: 'УкраїнськаName'
+      // },
+      // {
+      //   value: 'swe',
+      //   label: 'Svenska'
+      // },
+      // {
+      //   value: 'fin',
+      //   label: 'Suomi'
+      // },
+      // {
+      //   value: 'pl',
+      //   label: 'Polski'
+      // },
       {
         value: 'pt',
-        label: 'Português'
+        label: 'Português',
+				url: require("../assets/img/flag/pt.png")
       },
+			{
+			  value: 'tr',
+			  label: 'Türk',
+				url: require("../assets/img/flag/tr.jpg")
+			},
 			{
 			  value: 'zh-TW',
-			  label: '繁體中文'
+			  label: '繁體中文',
+				url: require("../assets/img/flag/cn_hk.png")
 			},
     ],
     // 主题