| | |
| | | <div class="header_content"> |
| | | <div class="left_back" @click="$router.go(-1)"><img src="../../../assets/img/back.png" alt=""></div> |
| | | <div class="right_mess"><span>{{ '' }}</span></div> |
| | | <div class="right_back" @click="goOnline()"> |
| | | <img :src="Service" alt /> |
| | | <div class="right_back"> |
| | | <div class="service"> |
| | | <img @click="goOnline()" :src="Service" alt /> |
| | | </div> |
| | | <van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions" |
| | | @select="onSelect"> |
| | | <template #reference> |
| | | <div class="iconfont icon-icon_A"> |
| | | </div> |
| | | </template> |
| | | </van-popover> |
| | | |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | return { |
| | | Service, |
| | | onlineService: "", |
| | | showPopover: false, |
| | | actions: [{ text: 'English', icon: require('@/assets/ico/english.png'), lang: 'en' }, |
| | | { text: '简体中文', icon: require('@/assets/ico/Chinese.png'), lang: 'zh-CN' }], |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | onSelect(e) { |
| | | this.$i18n.locale = e.lang; |
| | | window.localStorage.setItem('language', e.lang); |
| | | }, |
| | | goOnline() { |
| | | window.location.href = this.onlineService; |
| | | this.$router.push('/service'); |
| | | }, |
| | | async getInfoSite() { |
| | | let data = await api.getInfoSite() |
| | |
| | | height: 1.6256rem; |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | padding-right: 0.25rem; |
| | | >div { |
| | | width: 100%; |
| | | height: 80%; |
| | |
| | | } |
| | | |
| | | .right_back { |
| | | width: 1.0513rem; |
| | | width: 17%; |
| | | height: 1.0513rem; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | justify-content: space-between; |
| | | |
| | | .service { |
| | | width: 0.5rem; |
| | | height: 0.5rem; |
| | | |
| | | img { |
| | | width: 0.5rem; |
| | | height: 0.5rem; |
| | | |
| | | } |
| | | } |
| | | |
| | | } |
| | | |
| | | .right_mess { |