| | |
| | | <template> |
| | | <div class="content"> |
| | | <van-nav-bar :placeholder="true" :safe-area-inset-top="true" :title="$t('setting')" left-arrow |
| | | @click-left="$router.go(-1)"> |
| | | <van-nav-bar |
| | | :placeholder="true" |
| | | :safe-area-inset-top="true" |
| | | :title="$t('setting')" |
| | | left-arrow |
| | | @click-left="$router.go(-1)" |
| | | > |
| | | </van-nav-bar> |
| | | <!-- <div class="top_back"> |
| | | <div class="left_back_icon" @click="$router.go(-1)"> |
| | |
| | | <span>{{ $t("setting") }}</span> |
| | | </div> |
| | | </div> --> |
| | | <div style="width: 100%; height: 10px; background-color: #f8f8f8"></div> |
| | | <div style="width: 100%; height: 10px; background-color: #777"></div> |
| | | |
| | | <div class="jy" @click="handleGoToAuthentication()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <div class="l_icon"> |
| | | <van-icon name="manager" size=".8rem" /> |
| | | </div> |
| | | </div> --> |
| | | <div class="r_title"> |
| | | <span>{{ $t('rnv') }}</span> |
| | | <span>{{ $t("rnv") }}</span> |
| | | </div> |
| | | </div> |
| | | <div class="right_gos"> |
| | |
| | | </div> |
| | | <div class="jy" @click="handleGoToBankCard()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <div class="l_icon"> |
| | | <van-icon name="card" size=".8rem" /> |
| | | </div> |
| | | </div> --> |
| | | <div class="r_title"> |
| | | <span>{{ $t("hj147") }}</span> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="jy" @click="goToSettings()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <div class="l_icon"> |
| | | <van-icon name="lock" size=".8rem" /> |
| | | </div> |
| | | </div> --> |
| | | <div class="r_title"> |
| | | <span>{{ $t("hj144") }}</span> |
| | | </div> |
| | |
| | | </div> --> |
| | | <div class="jy" @click="clicklang()"> |
| | | <div class="left_gn"> |
| | | <div class="l_icon"> |
| | | <!-- <div class="l_icon"> |
| | | <img src="../../assets/img/语言切换.png" alt /> |
| | | </div> |
| | | </div> --> |
| | | <div class="r_title"> |
| | | <span>{{ $t("yy") }}</span> |
| | | </div> |
| | |
| | | </div> |
| | | <Language ref="language" @onChange="onChange" /> |
| | | |
| | | <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%' }"> |
| | | <van-popup v-model="pswDialog" position="bottom" :style="{ height: '40%',backgroundColor: '#444'}"> |
| | | <div class="setting_content"> |
| | | <div class="old_password"> |
| | | <div class="left_titles"> |
| | |
| | | .then(() => { |
| | | this.toRegister(); |
| | | }) |
| | | .catch(() => { }); |
| | | .catch(() => {}); |
| | | }, |
| | | goToSettings() { |
| | | // 每次打开dialog 清空密码数据 |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | @green: #c4d600; |
| | | @green: #287dff; |
| | | |
| | | /deep/ .van-nav-bar__content { |
| | | height: 65px; |
| | |
| | | width: 100%; |
| | | height: 5rem; |
| | | padding: 0.3rem; |
| | | color: #333; |
| | | |
| | | .old_password { |
| | | width: 100%; |
| | |
| | | |
| | | .btn_s_box { |
| | | border: @green solid 0.01em; |
| | | background: #fff; |
| | | color: @green; |
| | | // background: #fff; |
| | | // color: @green; |
| | | height: 70px; |
| | | width: 100%; |
| | | line-height: 70px; |
| | |
| | | } |
| | | |
| | | .jy { |
| | | width: 100%; |
| | | width: 95vw; |
| | | height: 1.5rem; |
| | | // border-radius: 0.2rem; |
| | | background: #fff; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | // padding: 0 0.3rem; |
| | | margin: 0 2.5vw; |
| | | padding-top: 0.3rem; |
| | | border-bottom: 1px solid #ecf5ff; |
| | | border-bottom: 1px solid #21242b; |
| | | |
| | | .left_gn { |
| | | // width: 40%; |
| | |
| | | padding-left: 0.4rem; |
| | | |
| | | img { |
| | | width: .8rem; |
| | | height: .8rem; |
| | | width: 0.8rem; |
| | | height: 0.8rem; |
| | | } |
| | | } |
| | | |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 0.4046rem; |
| | | color: #404040; |
| | | color: #ccc; |
| | | padding-left: 0.2rem; |
| | | |
| | | span { |
| | |
| | | display: flex; |
| | | background-color: #fff; |
| | | |
| | | >div { |
| | | > div { |
| | | width: 10%; |
| | | height: 100%; |
| | | display: flex; |