| | |
| | | <div style="margin-right: 10px">{{ language }}</div> |
| | | </div> |
| | | </div> |
| | | <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'" |
| | | > |
| | | <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> |
| | |
| | | |
| | | <script> |
| | | import * as api from "@/axios/api"; |
| | | import { Toast, MessageBox } from "mint-ui"; |
| | | import { isNull, pwdReg } from "@/utils/utils"; |
| | | import { mapMutations } from "vuex"; |
| | | import { Notify } from "vant"; |
| | | import { |
| | | Toast, |
| | | MessageBox |
| | | } from "mint-ui"; |
| | | import { |
| | | isNull, |
| | | pwdReg |
| | | } from "@/utils/utils"; |
| | | import { |
| | | mapMutations |
| | | } from "vuex"; |
| | | import { |
| | | Notify |
| | | } from "vant"; |
| | | |
| | | export default { |
| | | name: "newUser", |
| | |
| | | userInfo: [], |
| | | onlineService: "", |
| | | language: "", |
| | | actions: [ |
| | | { |
| | | 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: "en" |
| | | }, |
| | | { |
| | | text: "한국인", |
| | | icon: require("@/assets/ico/india.png"), |
| | | lang: "hy" |
| | | }, |
| | | { |
| | | text: "ภาษาไทย", |
| | | icon: require("@/assets/ico/india.png"), |
| | |
| | | lang: "ry", |
| | | }, |
| | | |
| | | { text: "繁体中文", icon: require("@/assets/ico/tw.png"), lang: "tw" }, |
| | | { |
| | | text: "繁体中文", |
| | | icon: require("@/assets/ico/tw.png"), |
| | | lang: "tw" |
| | | }, |
| | | ], |
| | | }; |
| | | }, |
| | |
| | | |
| | | this.pswDialog = false; |
| | | this.settingDialog = false; |
| | | Notify({ type: "success", message: this.$t("密码修改成功") }); |
| | | Notify({ |
| | | type: "success", |
| | | message: this.$t("密码修改成功") |
| | | }); |
| | | this.toRegister() |
| | | } else { |
| | | Toast(data.msg); |
| | | this.settingDialog = false; |
| | |
| | | .right_gos_txt { |
| | | margin-right: 15px; |
| | | } |
| | | |
| | | .setting_content { |
| | | width: 100%; |
| | | height: 5rem; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .lang_box_txta { |
| | | width: 100%; |
| | | height: 100px; |
| | |
| | | line-height: 100px; |
| | | border-bottom: 1px solid #ecf5ff; |
| | | } |
| | | |
| | | .lang_box_txt { |
| | | width: 100%; |
| | | height: 100px; |
| | |
| | | border-bottom: 1px solid #ecf5ff; |
| | | color: #2196f3; |
| | | } |
| | | |
| | | .lang_box { |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | align-items: center; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .btn_s_box { |
| | | border: none; |
| | | background: #409eff; |
| | |
| | | font-weight: 600; |
| | | margin: 40px 20px 0 20px; |
| | | } |
| | | |
| | | .btn_s { |
| | | width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | |
| | | .jy { |
| | | width: 100%; |
| | | height: 1.5rem; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | body { |
| | | background-color: #f8f8f8; |
| | | } |
| | |
| | | height: 2rem; |
| | | display: flex; |
| | | background-color: #fff; |
| | | |
| | | > div { |
| | | width: 10%; |
| | | height: 100%; |