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%;
   // background-color: #000;
   
 }

i18n/lang/de.json

@@ -217,7 +217,10 @@
     "c1": "Upload erfolgreich",
     "c2": "Bitte laden Sie das Foto auf der Rückseite des Zertifikats hoch",
     "c3": "Bitte laden Sie das Foto Ihrer Personalausweise hoch",
-    "c4": "Upload erfolgreich, bitte warten Sie auf das Audit"
+    "c4": "Upload erfolgreich, bitte warten Sie auf das Audit",
+		"e0": "Nicht realisierte Authentifizierung",
+		"e1": "Authentifiziert durch echten Namen",
+		"e2": "Advanced Certified"
   },
   "exchange": {
     "a0": "Münzen",

i18n/lang/en.json

@@ -269,7 +269,10 @@
 		"d2": "Passport",
 		"d3": "ID card",
 		"d4": "Select date",
-		"d5": "Please select"
+		"d5": "Please select",
+		"e0": "Unrealized authentication",
+		"e1": "Authenticated by real name",
+		"e2": "Advanced Certified"
 	},
 	"exchange": {
 		"a0": "Spot Trading",

i18n/lang/fin.json

@@ -216,7 +216,10 @@
     "c1":"Lähetys onnistui",
     "c2":"Ole hyvä ja lataa kuva todistuksen takaosaan",
     "c3":"Ole hyvä ja lataa etusivu henkilökorttistasi",
-    "c4":"Lähetys onnistui, odota tarkastusta@ info: whatsthis"
+    "c4":"Lähetys onnistui, odota tarkastusta@ info: whatsthis",
+		"e0": "Toteuttamaton todennus",
+		"e1": "Todistettu oikealla nimellä",
+		"e2": "Advanced Certified"
   },
   "exchange": {
     "a0":"Kolikot",

i18n/lang/fra.json

@@ -217,7 +217,10 @@
     "c1": "Téléchargement réussi",
     "c2": "Veuillez télécharger la photo de retour du certificat",
     "c3": "Veuillez télécharger la photo de face du certificat",
-    "c4": "Téléchargement réussi, veuillez attendre l'approbation"
+    "c4": "Téléchargement réussi, veuillez attendre l'approbation",
+		"e0": "Certifié sans nom réel",
+		"e1": "Certifié par nom réel",
+		"e2": "Déjà certifié avancé"
   },
   "exchange": {
     "a0": "Monnaie",

i18n/lang/it.json

@@ -217,7 +217,10 @@
     "c1": "Upload riuscito",
     "c2": "Si prega di caricare la foto sul retro del certificato",
     "c3": "Si prega di caricare la foto anteriore della carta d'identità",
-    "c4": "Upload di successo, si prega di attendere il audit"
+    "c4": "Upload di successo, si prega di attendere il audit",
+		"e0": "Autenticazione non realizzata",
+		"e1": "Autenticato con nome reale",
+		"e2": "Certificato avanzato"
   },
   "exchange": {
     "a0": "Monete",

i18n/lang/jp.json

@@ -217,7 +217,10 @@
     "c1": "アップロード成功",
     "c2": "証明書の裏写真をアップロードしてください。",
     "c3": "証明書の正面写真をアップロードしてください。",
-    "c4": "アップロードが成功しました。審査を待ってください。"
+    "c4": "アップロードが成功しました。審査を待ってください。",
+		"e0": "実名認証なし",
+		"e1": "実名認証済み",
+		"e2": "高度な資格認定"
   },
   "exchange": {
     "a0": "貨幣",

i18n/lang/kor.json

@@ -217,7 +217,10 @@
     "c1":"업로드 성공",
     "c2":"증명서 뒷면 사진 을 올 려 주세요.",
     "c3":"증명 서 를 정면 사진 으로 올 려 주세요.",
-    "c4":"업로드 성공, 심사 대기"
+    "c4":"업로드 성공, 심사 대기",
+		"e0": "실명인증 없음",
+		"e1": "실명 인증",
+		"e2": "고급 인증"
   },
   "exchange": {
     "a0":"화폐",

i18n/lang/pl.json

@@ -215,7 +215,10 @@
     "c1":"Upload zakończony",
     "c2":"Proszę przesłać zdjęcie na odwrocie certyfikatu",
     "c3":"Proszę przesłać zdjęcie z przodu swojej karty identyfikacyjnej.",
-    "c4":"Upload udany, proszę czekać na audyt"
+    "c4":"Upload udany, proszę czekać na audyt",
+		"e0": "Niezrealizowane uwierzytelnianie",
+		"e1": "Uwierzytelnione prawdziwym nazwiskiem",
+		"e2": "Certyfikat zaawansowany"
   },
   "exchange": {
     "a0":"Monety",

i18n/lang/pt.json

@@ -217,7 +217,10 @@
     "c1":"Envio BEM sucedido",
     "c2":"Por favor, envie a foto Na parte de trás do certificado",
     "c3":"Por favor, envie a foto Da Frente do SEU cartão de identificação",
-    "c4":"Carregar com sucesso, por favor aguarde a auditoria"
+    "c4":"Carregar com sucesso, por favor aguarde a auditoria",
+		"e0": "Autenticação não realizada",
+		"e1": "Autenticado pelo nome verdadeiro",
+		"e2": "Certificado Avançado"
   },
   "exchange": {
     "a0":"Moedas",

i18n/lang/spa.json

@@ -217,7 +217,10 @@
     "c1":"Subida exitosa",
     "c2":"Por favor, suba la foto de atrás del documento.",
     "c3":"Por favor, suba la foto frontal del documento.",
-    "c4":"Carga exitosa, por favor espere a ser auditada"
+    "c4":"Carga exitosa, por favor espere a ser auditada",
+		"e0": "Autenticación sin nombre real",
+		"e1": "Autenticación de nombre real",
+		"e2": "Certificado avanzado"
   },
   "exchange": {
     "a0":"Moneda",

i18n/lang/swe.json

@@ -215,7 +215,10 @@
     "c1":"Uppladdning lyckades",
     "c2":"Vänligen ladda upp fotot på baksidan av certifikatet",
     "c3":"Var snäll och ladda upp det främre fotot på ditt ID-kort",
-    "c4":"Uppladdning lyckades, vänta på revisionen"
+    "c4":"Uppladdning lyckades, vänta på revisionen",
+		"e0": "Obehandlad autentisering",
+		"e1": "Autentiserad med verkligt namn",
+		"e2": "Avancerad certifierad"
   },
   "exchange": {
     "a0":"Mynt",

i18n/lang/tr.json

@@ -217,7 +217,10 @@
     "c1": "Başarıyla yüklendi",
     "c2": "Lütfen kimliğinizin arka yüzünün bir fotoğrafını yükleyin",
     "c3": "Lütfen kimliğinizin ön fotoğrafını yükleyin",
-    "c4": "Başarıyla yüklendi, lütfen inceleme için bekleyin"
+    "c4": "Başarıyla yüklendi, lütfen inceleme için bekleyin",
+		"e0": "Anlamamış doğrulama",
+		"e1": "Gerçek isimle doğrulandı",
+		"e2": "Gelişmiş Kullanılmış"
   },
   "exchange": {
     "a0": "Madeni Paralar",

i18n/lang/ukr.json

@@ -215,7 +215,10 @@
         "c1": "Завантажено успішно",
         "c2": "Будь ласка, завантажте фотографію задньої частини вашого посвідчення особи",
         "c3": "Будь ласка, завантажте передню фотографію свого посвідчення особи",
-        "c4": "Завантаження успішно, зачекайте на перевірку"
+        "c4": "Завантаження успішно, зачекайте на перевірку",
+		"e0": "Нерозуміла автентифікація",
+		"e1": "Authenticated by real name",
+		"e2": "Додаткові сертифіковані"
     },
     "exchange": {
         "a0": "Монети",

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({
@@ -41,5 +45,12 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-	
+	.flag-img{
+		width: 44upx;
+		height: 44upx;
+		border-radius: 50%;
+		overflow: hidden;
+		vertical-align: middle;
+		margin-right: 12upx;
+	}
 </style>

store/index.js

@@ -79,7 +79,8 @@ let store = new Vuex.Store({
 
             {
                 value: 'en',
-                label: 'English'
+                label: 'English',
+								url: require("../assets/img/flag/en.jpg")
             },
             // {
             // 	value: 'zh-CN',
@@ -87,23 +88,28 @@ let store = new Vuex.Store({
             // },
             {
                 value: 'kor',
-                label: '한국어'
+                label: '한국어',
+								url: require("../assets/img/flag/kor.jpg")
             },
             {
                 value: 'de',
-                label: 'Deutsch'
+                label: 'Deutsch',
+								url: require("../assets/img/flag/en.jpg")
             },
             {
                 value: 'fra',
-                label: 'Français'
+                label: 'Français',
+								url: require("../assets/img/flag/de.jpg")
             },
             {
                 value: 'spa',
-                label: 'Español'
+                label: 'Español',
+								url: require("../assets/img/flag/spa.jpg")
             },
             {
                 value: 'it',
-                label: 'Italiano'
+                label: 'Italiano',
+								url: require("../assets/img/flag/it.png")
             },
             // {
             //     value: 'jp',
@@ -111,11 +117,13 @@ let store = new Vuex.Store({
             // },
             {
                 value: 'pt',
-                label: 'Português'
+                label: 'Português',
+								url: require("../assets/img/flag/pt.png")
             },
             {
                 value: 'tr',
-                label: 'Türk'
+                label: 'Türk',
+								url: require("../assets/img/flag/tr.jpg")
             },
             // {
             //     value: 'ukr',
@@ -136,7 +144,8 @@ let store = new Vuex.Store({
 
             {
                 value: 'zh-TW',
-                label: '繁體中文'
+                label: '繁體中文',
+								url: require("../assets/img/flag/cn_hk.png")
             },
         ],
         // 主题