| | |
| | | <template> |
| | | <div class="content"> |
| | | <van-nav-bar |
| | | <!-- <van-nav-bar |
| | | :placeholder="true" |
| | | :safe-area-inset-top="true" |
| | | :title="$t('setting')" |
| | | left-arrow |
| | | @click-left="$router.go(-1)" |
| | | > |
| | | </van-nav-bar> |
| | | </van-nav-bar> --> |
| | | <!-- <div class="top_back"> |
| | | <div class="left_back_icon" @click="$router.go(-1)"> |
| | | <img src="../../assets/img/zuojiantou.png" alt /> |
| | |
| | | <span>{{ $t("setting") }}</span> |
| | | </div> |
| | | </div> --> |
| | | <div style="width: 100%; height: 10px; background-color: #f8f8f8"></div> |
| | | |
| | | <div class="jy" @click="handleGoToBankCard1()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <img src="../../assets/img/yeb.png" alt /> --> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("关于我们") }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="right_gos"> |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | <div class="jy" @click="handleGoToBankCard()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <img src="../../assets/img/yeb.png" alt /> --> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("hj147") }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="right_gos"> |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | <div style=" height: 10px; background-color: #f8f8f8"></div> |
| | | <div class="jy" @click="goToSettings()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <img src="../../assets/img/yeb.png" alt /> --> |
| | | <img src="../../assets/img/login_pass.svg" alt /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("hj144") }}</span> |
| | |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="jy" @click="handleGoToAuthentication()"> |
| | | <div class="jy" @click="handleGoToBankCard1()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <img src="../../assets/img/yeb.png" alt /> --> |
| | | <img src="../../assets/img/company_Introduction.svg" alt /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("关于我们") }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="right_gos"> |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="jy" @click="handleGoToBankCard()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <img src="../../assets/img/i18.svg" alt /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("hj147") }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="right_gos"> |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> --> |
| | | <div class="jy" @click="clicklang()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <img src="../../assets/img/i18.svg" alt /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("yy") }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="right_gos"> |
| | | {{language}} |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <!-- <div class="jy" @click="handleGoToAuthentication()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <img src="../../assets/img/login_pass.svg" alt /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>KYC</span> |
| | | <!-- <span>{{ $t("hj146") }}</span> --> |
| | | </div> |
| | | </div> |
| | | <div class="right_gos"> |
| | |
| | | </div> |
| | | <img v-else src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> --> |
| | | <div class="jy" @click="handleOutLoginClick()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <img src="../../assets/img/log_out.svg" alt /> |
| | | </div> |
| | | <div class="r_title"> |
| | | <span>{{ $t("hj148") }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="right_gos"> |
| | | <img src="../../assets/img/youjiantou.png" alt /> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="jy" @click="clicklang()"> |
| | | <!-- <div class="jy" @click="clicklang()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"></div> |
| | | <div class="r_title"> |
| | |
| | | <div class="right_gos"> |
| | | <div style="margin-right: 10px">{{ language }}</div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <Language ref="language" @onChange="onChange" /> |
| | | |
| | | <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%' }"> |
| | |
| | | </div> |
| | | </div> |
| | | </van-popup> |
| | | <div class="btn_s"> |
| | | <!-- <div class="btn_s"> |
| | | <button class="btn_s_box" @click="handleOutLoginClick()"> |
| | | {{ $t("hj148") }} |
| | | </button> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | .then(() => { |
| | | this.toRegister(); |
| | | }) |
| | | .catch(() => {}); |
| | | // .catch(() => {}); |
| | | }, |
| | | goToSettings() { |
| | | // 每次打开dialog 清空密码数据 |
| | |
| | | align-items: center; |
| | | |
| | | input { |
| | | width: 100%; |
| | | // width: 100%; |
| | | height: 100%; |
| | | padding-left: 0.2rem; |
| | | } |
| | |
| | | } |
| | | |
| | | .btn_setting { |
| | | width: 100%; |
| | | // width: 100%; |
| | | height: 1.3rem; |
| | | border-radius: 0.15rem; |
| | | background: #2d6ae9; |
| | |
| | | } |
| | | |
| | | .lang_box_txta { |
| | | width: 100%; |
| | | // width: 100%; |
| | | height: 100px; |
| | | text-align: center; |
| | | line-height: 100px; |
| | |
| | | } |
| | | |
| | | .lang_box_txt { |
| | | width: 100%; |
| | | // width: 100%; |
| | | height: 100px; |
| | | text-align: center; |
| | | line-height: 100px; |
| | |
| | | } |
| | | |
| | | .lang_box { |
| | | width: 100%; |
| | | // width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | |
| | | background: #409eff; |
| | | color: #fff; |
| | | height: 70px; |
| | | width: 100%; |
| | | // width: 100%; |
| | | line-height: 70px; |
| | | font-size: 16px; |
| | | text-align: center; |
| | |
| | | } |
| | | |
| | | .btn_s { |
| | | width: 100%; |
| | | // width: 100%; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | } |
| | | |
| | | .jy { |
| | | width: 100%; |
| | | // width: 100%; |
| | | height: 1.5rem; |
| | | // border-radius: 0.2rem; |
| | | background: #fff; |
| | |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | // padding: 0 0.3rem; |
| | | // background-color: red;'' |
| | | padding-top: 0.3rem; |
| | | border-bottom: 1px solid #ecf5ff; |
| | | |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | |
| | | padding-left: 0.4rem; |
| | | img { |
| | | width: 0.5041rem; |
| | | height: 0.5041rem; |
| | |
| | | height: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 0.4046rem; |
| | | color: #404040; |
| | | padding-left: 0.4rem; |
| | | |
| | | font-size: 0.3733333rem; |
| | | color: #185546; |
| | | padding-left: 0.2rem; |
| | | span { |
| | | font-weight: 600; |
| | | // font-weight: 600; |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .content { |
| | | width: 100%; |
| | | // width: 100%; |
| | | margin: 0px 20px; |
| | | height: 100%; |
| | | // padding: 0 0.3rem; |
| | | |
| | | .top_back { |
| | | width: 100%; |
| | | // width: 100%; |
| | | height: 2rem; |
| | | display: flex; |
| | | background-color: #fff; |
| | |
| | | } |
| | | |
| | | .titles { |
| | | width: 100%; |
| | | // width: 100%; |
| | | height: 1.5rem; |
| | | margin-top: 15px; |
| | | // margin-left: 110px; |