|
|
|
@ -98,30 +98,23 @@ |
|
|
|
夜晚模式 |
|
|
|
</a> |
|
|
|
</li> --> |
|
|
|
<!-- <li class="nav-item dropdown" style="line-height: 37px;"> |
|
|
|
<img :src="langer" class="nav_img" mode="" style="max-width: 30px;" /> |
|
|
|
</li> --> |
|
|
|
<li class="nav-item dropdown" style="padding-top: 13px;line-height: 10px;margin-right: -8px;"> |
|
|
|
<div style="width: 22px;height: 22px;border-radius: 50%;overflow: hidden;"> |
|
|
|
<img :src="langer" style="height: 100%;" mode="aspectFill"/> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
<li class="nav-item dropdown"> |
|
|
|
|
|
|
|
<!-- <img src="../assets/img/hg.jpg" class="nav_img" style="max-width: 10%;"></img> --> |
|
|
|
<!-- <div style="display: flex;" class="nav_title"> --> |
|
|
|
|
|
|
|
<!--<img src="../assets/img/tw.jpg" mode="" class="nav_img" style="max-width: 10%;"></img>--> |
|
|
|
|
|
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" |
|
|
|
aria-haspopup="true" aria-expanded="false"> |
|
|
|
|
|
|
|
{{ nativeLang }}</a> |
|
|
|
<!-- <img src="../assets/img/hg.jpg" class="nav_img" style="max-width: 10%;"></img> --> |
|
|
|
<!-- </div> --> |
|
|
|
{{ nativeLang }} |
|
|
|
</a> |
|
|
|
<div class="dropdown-menu"> |
|
|
|
<div class="dropdown-item" @click.prevent="chooseNative(item.value)" |
|
|
|
v-for="(item, index) in langList" :key="index"> |
|
|
|
<div class="nav-item_icon"> |
|
|
|
<!-- <img :src="item.url" mode="" style="margin-right: 6rpx;margin-left: 6rpx;"/> --> |
|
|
|
{{ item.label }} |
|
|
|
<div class="flag-img"><img :src="item.url" mode="aspectFill"/></div> |
|
|
|
<span class="txt">{{ item.label }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
@ -477,7 +470,8 @@ export default { |
|
|
|
if (localStorage.getItem("lang") == null) { |
|
|
|
// let localStorage.getItem("lang") = 'en'; |
|
|
|
} |
|
|
|
// this.langer = require("../assets/img/" + lang + ".jpg"); |
|
|
|
this.langer = require("../assets/img/" + lang + ".jpg"); |
|
|
|
console.log(this.langer, 2222222); |
|
|
|
return this.langList.find((item) => item.value == lang).label; |
|
|
|
}, |
|
|
|
|
|
|
|
@ -656,34 +650,28 @@ color: #000 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.nav-item_icon { |
|
|
|
height: 100 rpx; |
|
|
|
width: 150 rpx !important; |
|
|
|
// background-color: #ffc001; |
|
|
|
text-align: center; |
|
|
|
img { |
|
|
|
width: 20% !important; |
|
|
|
height: 20% !important; |
|
|
|
} |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.nav-item_icon:hover { |
|
|
|
color: #F7D558; |
|
|
|
} |
|
|
|
|
|
|
|
.flag-img{ |
|
|
|
width: 22px; |
|
|
|
height: 22px; |
|
|
|
border-radius: 50%; |
|
|
|
overflow: hidden; |
|
|
|
margin-right: 8px; |
|
|
|
margin-left: 6px; |
|
|
|
img{ |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
.img { |
|
|
|
max-width: 20% !important; |
|
|
|
} |
|
|
|
|
|
|
|
.nav_img { |
|
|
|
height: 50 rpx; |
|
|
|
width: 50 rpx; |
|
|
|
margin-left: 300 rpx; |
|
|
|
|
|
|
|
img { |
|
|
|
width: 10% !important; |
|
|
|
height: 10% !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.nav_title { |
|
|
|
height: 50 rpx; |
|
|
|
width: 400 rpx; |
|
|
|
@ -704,6 +692,7 @@ color: #000 !important; |
|
|
|
} |
|
|
|
.dropdown-item{ |
|
|
|
color: #666; |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
.dark-app{ |
|
|
|
header { |
|
|
|
|
