|
|
|
@ -1,27 +1,27 @@ |
|
|
|
<template> |
|
|
|
<v-page class="pos-login"> |
|
|
|
<v-header :title="$t('safe.c8')"></v-header> |
|
|
|
<main class=" m-x-xl bg-panel-3 p-x-lg p-y-lg rounded-md box-shadow"> |
|
|
|
<view class="form-item border-b p-md"> |
|
|
|
<main class="bg-panel-3 p-x-lg p-y-lg rounded-md box-shadow"> |
|
|
|
<view class="form-item border-b p-y-md color-light"> |
|
|
|
<view class="label m-b-xs">{{$t('safe.b1')}}</view> |
|
|
|
<view class="input color-light"> |
|
|
|
<view class="input"> |
|
|
|
<v-input v-model="form.account" :placeholder="`${$t('safe.a4')}`" @blur="checkAccount"></v-input> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="form-item border-b p-md "> |
|
|
|
<view class="form-item border-b p-y-md color-light"> |
|
|
|
<view class="label m-b-xs">{{$t('safe.b3')}}</view> |
|
|
|
<view class="input color-light"> |
|
|
|
<view class="input"> |
|
|
|
<v-input type="password" v-model="form.password" :placeholder="$t('safe.b4')"></v-input> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="form-item border-b p-md"> |
|
|
|
<view class="form-item border-b p-y-md color-light"> |
|
|
|
<view class="label m-b-xs">{{$t('safe.b5')}}</view> |
|
|
|
<view class="input color-light"> |
|
|
|
<view class="input"> |
|
|
|
<v-input type="password" v-model="form.password_confirmation" :placeholder="$t('safe.b6')"></v-input> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-item border-b p-md" v-if="0"> |
|
|
|
<view class="form-item border-b p-y-md color-light" v-if="0"> |
|
|
|
<view class="label m-b-xs">{{$t('common.GraphicValidation')}}</view> |
|
|
|
<v-input class="color-light" v-model="form.gr_code" :placeholder="$t('common.GraphicValidation')"> |
|
|
|
<template #right> |
|
|
|
@ -30,9 +30,9 @@ |
|
|
|
</v-input> |
|
|
|
|
|
|
|
</view> |
|
|
|
<view class="form-item border-b p-md" v-if="user.phone_status==1"> |
|
|
|
<view class="form-item border-b p-y-md color-light" v-if="user.phone_status==1"> |
|
|
|
<view class="label m-b-xs">SMS{{$t('safe.a7')}}</view> |
|
|
|
<view class="input color-light"> |
|
|
|
<view class="input"> |
|
|
|
<v-input v-model="form.sms_code" :placeholder="$t('safe.a6')"> |
|
|
|
<template #right> |
|
|
|
<v-code url="/user/getCode" :data="{type:1}" /> |
|
|
|
@ -40,9 +40,9 @@ |
|
|
|
</v-input> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="form-item border-b p-md" v-if="user.email_status==1"> |
|
|
|
<view class="form-item border-b p-y-md color-light" v-if="user.email_status==1"> |
|
|
|
<view class="label m-b-xs">{{$t('safe.a5')}}</view> |
|
|
|
<view class="input color-light"> |
|
|
|
<view class="input"> |
|
|
|
<v-input v-model="form.email_code" :placeholder="$t('safe.a6')"> |
|
|
|
<template #right> |
|
|
|
<v-code url="/user/getCode" :data="{type:2}" /> |
|
|
|
@ -50,14 +50,14 @@ |
|
|
|
</v-input> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="form-item border-b p-md" v-if="user.google_status==1"> |
|
|
|
<view class="form-item border-b p-y-md color-light" v-if="user.google_status==1"> |
|
|
|
<view class="label m-b-xs">google{{$t('safe.a7')}}</view> |
|
|
|
<view class="input color-light"> |
|
|
|
<view class="input"> |
|
|
|
<v-input v-model="form.google_code" :placeholder="$t('safe.a6')"></v-input> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="p-md "> |
|
|
|
<v-button block type="blue" class="w-max rounded-md" ref="btn" @click="setPassword">{{$t('safe.b7')}}</v-button> |
|
|
|
<v-button block type="white" class="w-max rounded-md" ref="btn" @click="setPassword">{{$t('safe.b7')}}</v-button> |
|
|
|
</view> |
|
|
|
<!-- <v-button block class="w-max" ref="btn" type="theme"></v-button> --> |
|
|
|
</main> |
|
|
|
@ -138,5 +138,11 @@ export default { |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
.layout-page{ |
|
|
|
background-color: #121212 !important; |
|
|
|
background: none; |
|
|
|
} |
|
|
|
.bg-panel-3{ |
|
|
|
background-color: #121212; |
|
|
|
} |
|
|
|
</style> |