| | |
| | | <template> |
| | | <div class="wrapper"> |
| | | <div class="page_content"> |
| | | <!-- <div class="top_logo"> |
| | | <div class="left_logo"> |
| | | <div class="img_logo"> |
| | | Fidelity |
| | | </div> |
| | | </div> |
| | | <div class="right_search"> |
| | | <div> |
| | | <div class="service_con" @click="goOnline()"> |
| | | <img :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> --> |
| | | <div class="center_tabs"> |
| | | <!-- 顶部轮播图 --> |
| | | <div class="banner_top"> |
| | |
| | | <div class="name">{{ $t("hj245") }}</div></a |
| | | > |
| | | </li> |
| | | <li @click="settingDialog = true"> |
| | | <a href="#" class="links"> |
| | | <div class="icon"> |
| | | <img |
| | | :src="language" |
| | | alt="" |
| | | style="width: 0.6rem; height: 0.6rem" |
| | | /> |
| | | </div> |
| | | <div class="name" style="margin-top: 2px"> |
| | | {{ $t("yy") }} |
| | | </div> |
| | | </a> |
| | | </li> |
| | | </ul> |
| | | <van-popup |
| | | v-model="settingDialog" |
| | | position="bottom" |
| | | :style="{ height: '35%' }" |
| | | @close="popClose" |
| | | > |
| | | <div |
| | | class="lang_box" |
| | | v-for="(item, index) in actions" |
| | | :key="index" |
| | | @click="qkclick(item)" |
| | | > |
| | | <div |
| | | :class=" |
| | | $i18n.locale == item.lang ? 'lang_box_txt' : 'lang_box_txta' |
| | | " |
| | | > |
| | | {{ item.text }} |
| | | </div> |
| | | </div> |
| | | </van-popup> |
| | | </div> |
| | | <div class="fg"></div> |
| | | <div class="new-stock"> |
| | |
| | | import vip from "../../assets/img/app.png"; |
| | | import vipa from "../../assets/img/huazhuan2.png"; |
| | | import Huo from "@/assets/home/huo.png"; |
| | | import banner1 from "@/assets/img/b1.jpg"; |
| | | import language from "@/assets/img/language.png"; |
| | | import banner2 from "@/assets/img/b2.jpg"; |
| | | import banner3 from "@/assets/img/b3.jpg"; |
| | | import caidana from "@/assets/img/caidana.png"; |
| | |
| | | props: {}, |
| | | data() { |
| | | return { |
| | | settingDialog: false, |
| | | actions: [ |
| | | { |
| | | text: "English", |
| | | icon: require("@/assets/ico/english.png"), |
| | | lang: "zh-CN", |
| | | }, |
| | | { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "en" }, |
| | | { text: "한국인", icon: require("@/assets/ico/india.png"), lang: "hy" }, |
| | | { |
| | | text: "ภาษาไทย", |
| | | icon: require("@/assets/ico/india.png"), |
| | | lang: "ty", |
| | | }, |
| | | { |
| | | text: "日本語にほんご", |
| | | icon: require("@/assets/ico/india.png"), |
| | | lang: "ry", |
| | | }, |
| | | |
| | | // { text: '繁体中文', icon: require('@/assets/ico/tw.png'), lang: 'tw' } |
| | | ], |
| | | language, |
| | | Logo, |
| | | Searchs, |
| | | Service, |
| | |
| | | bannerList: [], |
| | | userInfo: [], |
| | | showPopover: false, |
| | | actions: [ |
| | | { |
| | | text: "English", |
| | | icon: require("@/assets/ico/english.png"), |
| | | lang: "zh-CN", |
| | | }, |
| | | { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "en" }, |
| | | { text: "繁体中文", icon: require("@/assets/ico/tw.png"), lang: "tw" }, |
| | | ], |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | qkclick(e) { |
| | | this.settingDialog = false; |
| | | window.localStorage.setItem("language", e.lang); |
| | | this.$i18n.locale = e.lang; |
| | | this.language = e.text; |
| | | }, |
| | | popClose() { |
| | | this.settingDialog = false; |
| | | }, |
| | | getdialog() { |
| | | MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), { |
| | | confirmButtonText: this.$t("hj161"), |
| | |
| | | flex-shrink: 0; |
| | | justify-content: center; |
| | | margin-bottom: 0.4rem; |
| | | .links { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | color: #fff; |
| | | .name { |
| | | font-family: PingFang SC; |
| | | font-style: normal; |
| | | font-weight: 400; |
| | | font-size: 0.32rem; |
| | | line-height: 0.45333rem; |
| | | color: #14181f; |
| | | text-align: center; |
| | | } |
| | | } |
| | | .link { |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | line-height: 0.64rem; |
| | | } |
| | | } |
| | | .lang_box_txta { |
| | | width: 100%; |
| | | height: 100px; |
| | | text-align: center; |
| | | line-height: 100px; |
| | | border-bottom: 1px solid #ecf5ff; |
| | | } |
| | | .lang_box_txt { |
| | | width: 100%; |
| | | height: 100px; |
| | | text-align: center; |
| | | line-height: 100px; |
| | | border-bottom: 1px solid #ecf5ff; |
| | | color: #2196f3; |
| | | } |
| | | .lang_box { |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | flex-direction: column; |
| | | } |
| | | .btn_s_box { |
| | | border: none; |
| | | background: #409eff; |
| | | color: #fff; |
| | | height: 70px; |
| | | width: 100%; |
| | | line-height: 70px; |
| | | font-size: 16px; |
| | | text-align: center; |
| | | border-radius: 15px; |
| | | font-weight: 600; |
| | | margin: 40px 20px 0 20px; |
| | | } |
| | | // /deep/ .van-popup { |
| | | // overflow-y: auto; |
| | | // } |
| | | </style> |