Browse Source

'注册页更新'

dev^2
luyisha 2 years ago
parent
commit
cf7b89c52f
  1. 3
      i18n/lang/de.json
  2. 3
      i18n/lang/en.json
  3. 3
      i18n/lang/fra.json
  4. 3
      i18n/lang/it.json
  5. 3
      i18n/lang/jp.json
  6. 5
      i18n/lang/kor.json
  7. 3
      i18n/lang/pt.json
  8. 3
      i18n/lang/spa.json
  9. 3
      i18n/lang/tr.json
  10. 3
      i18n/lang/zh-TW.json
  11. 21
      layout/vButton.vue
  12. 2
      layout/vCode.vue
  13. 5
      layout/vHeader.vue
  14. 4
      layout/vInput.vue
  15. 106
      pages/reg/index.vue

3
i18n/lang/de.json

@ -386,7 +386,8 @@
"c4": "Bitte geben Sie die Mailboxnummer ein", "c4": "Bitte geben Sie die Mailboxnummer ein",
"c5": "Registrierung erfolgreich", "c5": "Registrierung erfolgreich",
"c6": "Institutionscode (erforderlich)", "c6": "Institutionscode (erforderlich)",
"c7": "Bitte geben Sie den Institutionscode ein" "c7": "Bitte geben Sie den Institutionscode ein",
"c8": "Registrieren Sie sich jetzt, um Ihre Reise in die Kryptowährung zu beginnen"
}, },
"safe": { "safe": {
"a0": "Lösen", "a0": "Lösen",

3
i18n/lang/en.json

@ -438,7 +438,8 @@
"c4": "Please fill in the mailbox number", "c4": "Please fill in the mailbox number",
"c5": "Registered successfully", "c5": "Registered successfully",
"c6": "Institution Code (required)", "c6": "Institution Code (required)",
"c7": "Please fill in the institution code" "c7": "Please fill in the institution code",
"c8": "Register now to start your cryptocurrency journey"
}, },
"safe": { "safe": {
"a0": "Untie", "a0": "Untie",

3
i18n/lang/fra.json

@ -386,7 +386,8 @@
"c4": "Veuillez remplir le numéro de courriel", "c4": "Veuillez remplir le numéro de courriel",
"c5": "Inscription réussie", "c5": "Inscription réussie",
"c6": "Code de l'établissement (obligatoire)", "c6": "Code de l'établissement (obligatoire)",
"c7": "Veuillez saisir le code de l'établissement" "c7": "Veuillez saisir le code de l'établissement",
"c8": "Inscrivez-vous maintenant pour commencer votre voyage en crypto-monnaie"
}, },
"safe": { "safe": {
"a0": "Dégroupage", "a0": "Dégroupage",

3
i18n/lang/it.json

@ -386,7 +386,8 @@
"c4": "Inserisci il numero di posta elettronica", "c4": "Inserisci il numero di posta elettronica",
"c5": "login è stato efficace", "c5": "login è stato efficace",
"c6": "Codice istituto (richiesto)", "c6": "Codice istituto (richiesto)",
"c7": "Si prega di compilare il codice dell'istituto" "c7": "Si prega di compilare il codice dell'istituto",
"c8": "Registrati ora per iniziare il tuo viaggio nella criptovaluta"
}, },
"safe": { "safe": {
"a0": "Separazione", "a0": "Separazione",

3
i18n/lang/jp.json

@ -386,7 +386,8 @@
"c4": "メールアドレスを記入してください", "c4": "メールアドレスを記入してください",
"c5": "登録成功", "c5": "登録成功",
"c6": "機関コード (必須)", "c6": "機関コード (必須)",
"c7": "機関コードを入力してください" "c7": "機関コードを入力してください",
"c8": "今すぐ登録して暗号通貨の旅を始めましょう"
}, },
"safe": { "safe": {
"a0": "縛りを解く", "a0": "縛りを解く",

5
i18n/lang/kor.json

@ -385,8 +385,9 @@
"c3":"핸드폰 번호 적어 주세요.", "c3":"핸드폰 번호 적어 주세요.",
"c4":"메 일주 소 번 호 를 적어 주세요.", "c4":"메 일주 소 번 호 를 적어 주세요.",
"c5":"등록 성공", "c5":"등록 성공",
"c6":"기관 코드(필수)", "c6":"기관 코드(필수)",
"c7":"기관 코드를 입력하세요." "c7":"기관 코드를 입력하세요.",
"c8": "암호화폐 여행을 시작하려면 지금 등록하세요"
}, },
"safe": { "safe": {
"a0":"포박 을 풀다", "a0":"포박 을 풀다",

3
i18n/lang/pt.json

@ -386,7 +386,8 @@
"c4":"Por favor, preencha o número de e-mail", "c4":"Por favor, preencha o número de e-mail",
"c5":"Login FOI BEM sucedido", "c5":"Login FOI BEM sucedido",
"c6":"Código da Instituição (obrigatório)", "c6":"Código da Instituição (obrigatório)",
"c7":"Por favor, preencha o código da instituição" "c7":"Por favor, preencha o código da instituição",
"c8": "Registre-se agora para iniciar sua jornada com criptomoedas"
}, },
"safe": { "safe": {
"a0":"Desagregação", "a0":"Desagregação",

3
i18n/lang/spa.json

@ -386,7 +386,8 @@
"c4":"Por favor, rellene el número de correo electrónico", "c4":"Por favor, rellene el número de correo electrónico",
"c5":"Registro exitoso", "c5":"Registro exitoso",
"c6":"Código de Institución (requerido)", "c6":"Código de Institución (requerido)",
"c7":"Por favor complete el código de la institución" "c7":"Por favor complete el código de la institución",
"c8": "Regístrese ahora para comenzar su viaje hacia las criptomonedas"
}, },
"safe": { "safe": {
"a0":"Desenganche", "a0":"Desenganche",

3
i18n/lang/tr.json

@ -386,7 +386,8 @@
"c4": "Lütfen posta kutusu numarasını girin", "c4": "Lütfen posta kutusu numarasını girin",
"c5": "Başarıyla kaydettirildi", "c5": "Başarıyla kaydettirildi",
"c6": "Kurum Kodu (gerekli)", "c6": "Kurum Kodu (gerekli)",
"c7": "Lütfen kurum kodunu doldurunuz" "c7": "Lütfen kurum kodunu doldurunuz",
"c8": "Kripto para birimi yolculuğunuza başlamak için şimdi kaydolun"
}, },
"safe": { "safe": {
"a0": "Çöz", "a0": "Çöz",

3
i18n/lang/zh-TW.json

@ -438,7 +438,8 @@
"c4": "請填寫郵箱號", "c4": "請填寫郵箱號",
"c5": "註冊成功", "c5": "註冊成功",
"c6": "機構碼(必填)", "c6": "機構碼(必填)",
"c7": "請填寫機構碼" "c7": "請填寫機構碼",
"c8": "立即注册,开启您的加密货币之旅"
}, },
"safe": { "safe": {
"a0": "解綁", "a0": "解綁",

21
layout/vButton.vue

@ -197,4 +197,25 @@ export default {
border-radius:inherit; border-radius:inherit;
} }
} }
.white {
::v-deep uni-button {
background: white;
color: #101010!important;
border:none;
border-radius:100px;
}
}
.grey {
::v-deep uni-button {
background: #242424;
color: #fff!important;
border:none;
border-radius:5px;
height: 40px;
line-height: 40px;
padding: 0px 20rpx;
font-size: 14px;
margin-left: 20rpx;
}
}
</style> </style>

2
layout/vCode.vue

@ -41,7 +41,7 @@ export default {
require: false, require: false,
}, },
type: { type: {
default: 'green-plain', default: 'grey',
type: String, type: String,
require: false, require: false,
}, },

5
layout/vHeader.vue

@ -1,5 +1,5 @@
<template> <template>
<van-nav-bar @click-left="onClickLeft" :border="border" :title="title" :left-arrow="leftArrow"> <van-nav-bar @click-left="onClickLeft" :border="border" :title="title" :left-arrow="leftArrow" style="background-color: #000;">
<template #left> <template #left>
<slot name="left"></slot> <slot name="left"></slot>
</template> </template>
@ -48,3 +48,6 @@ export default {
}, },
}; };
</script> </script>
<style scoped>
</style>

4
layout/vInput.vue

@ -53,5 +53,9 @@ input {
text-align: inherit; text-align: inherit;
width: auto; width: auto;
min-width: 0; min-width: 0;
background-color: #242424;
height: 80rpx;
padding: 0px 20rpx;
border-radius: 5px;
} }
</style> </style>

106
pages/reg/index.vue

@ -16,43 +16,45 @@
</view> </view>
</template> </template>
</v-header> </v-header>
<view class="layout-main"> <view class="layout-main" style="background-color: #121212">
<view class="form m-lg bg-panel-3 p-lg rounded-md"> <view class="form m-lg rounded-md">
<view class="d-flex justify-center"> <view class="d-flex">
<!-- <view <!-- <view
class="item transition-3 p-y-sp-r-sm p-x-xs fn-20 " class="item transition-3 p-y-sp-r-sm p-x-xs fn-20 "
:class="{ :class="{
'color-light ':form.type==1 'color-light ':form.type==1
}" }"
@click="form.type=1" @click="form.type=1"
>{{$t('reg.a0')}} >{{$t('reg.a0')}}
<view class="w-5 h-5 rounded-max bg-light justify-center mauto m-y-sm" <view class="w-5 h-5 rounded-max bg-light justify-center mauto m-y-sm"
:class="{ :class="{
'disnone':form.type==2 'disnone':form.type==2
}" }"
> >
</view>
</view> -->
</view>
</view> -->
<view <view
class="item transition-3 p-y-sp-r-sm p-x-xs fn-20" class="item transition-3 p-y-sp-r-sm fn-26"
:class="{ :class="{
'color-light':form.type==2 'color-light':form.type==2
}" }"
@click="form.type=2" @click="form.type=2"
>{{$t('reg.a1')}} >{{$t('reg.a1')}}
<view class="w-5 h-5 rounded-max bg-light justify-center mauto m-y-sm" <view v-if="false" class="w-5 h-5 rounded-max bg-light justify-center mauto m-y-sm"
:class="{ :class="{
'disnone':form.type==1 'disnone':form.type==1
}" }"
> >
</view> </view>
</view> <view style="color: #999;font-size: 14px;" class="m-b-md m-t-sm">
</view> {{$t('reg.c8')}}
<view class="form-item border-b m-b-md p-b-xs"> </view>
</view>
</view>
<view class="form-item m-b-md p-b-xs">
<template v-if="form.type==1"> <template v-if="form.type==1">
<view key="1"> <view key="1">
<view class="label m-b-xs">{{$t('reg.a2')}}</view> <view class="label m-b-xs">{{$t('reg.a2')}}</view>
@ -65,23 +67,22 @@
</template> </template>
<template v-else-if="form.type==2"> <template v-else-if="form.type==2">
<view key="2"> <view key="2">
<view class="label m-b-xs">{{$t('reg.a4')}}</view> <view class="label m-b-md fn-16 color-light">{{$t('reg.a4')}}</view>
<v-input v-model="form.account" class="color-light" :placeholder="$t('reg.a5')"></v-input> <v-input v-model="form.account" class="color-light" :placeholder="$t('reg.a5')"></v-input>
</view> </view>
</template> </template>
</view> </view>
<!--图形验证码--> <!--图形验证码-->
<view class="form-item border-b m-b-md p-b-xs"> <view class="form-item m-b-md p-b-xs">
<view class="label m-b-xs">{{$t('common.GraphicValidation')}}</view> <view class="label m-b-xs color-light">{{$t('common.GraphicValidation')}}</view>
<v-input class="color-light" v-model="form.gr_code" :placeholder="$t('common.GraphicValidation')"> <v-input class="color-light" v-model="form.gr_code" :placeholder="$t('common.GraphicValidation')">
<template #right> <template #right>
<!-- 邮箱 --> <img :src="Graph_che" @click="gett_gc_code" v-if="!hideImg" style="margin-left: 20rpx;">
<img :src="Graph_che" @click="gett_gc_code" v-if="!hideImg">
</template> </template>
</v-input> </v-input>
</view> </view>
<view class="form-item border-b m-b-md p-b-xs"> <view class="form-item m-b-md p-b-xs">
<view class="label m-b-xs">{{$t('reg.a6')}}</view> <view class="label m-b-xs color-light">{{$t('reg.a6')}}</view>
<v-input class="color-light" v-model="form.code" :placeholder="$t('reg.a7')"> <v-input class="color-light" v-model="form.code" :placeholder="$t('reg.a7')">
<template #right> <template #right>
<!-- 手机 --> <!-- 手机 -->
@ -109,12 +110,12 @@
</template> </template>
</v-input> </v-input>
</view> </view>
<view class="form-item border-b m-b-md p-b-xs"> <view class="form-item m-b-md p-b-xs">
<view class="label m-b-xs">{{$t('reg.a8')}}</view> <view class="label m-b-xs color-light">{{$t('reg.a8')}}</view>
<v-input class="color-light" v-model="form.password" type="password" :placeholder="$t('reg.a9')"></v-input> <v-input class="color-light" v-model="form.password" type="password" :placeholder="$t('reg.a9')"></v-input>
</view> </view>
<view class="form-item border-b m-b-md p-b-xs"> <view class="form-item m-b-md p-b-xs">
<view class="label m-b-xs">{{$t('reg.b0')}}</view> <view class="label m-b-xs color-light">{{$t('reg.b0')}}</view>
<v-input <v-input
class="color-light" class="color-light"
v-model="form.password_confirmation" v-model="form.password_confirmation"
@ -122,16 +123,16 @@
:placeholder="$t('reg.b1')" :placeholder="$t('reg.b1')"
></v-input> ></v-input>
</view> </view>
<!-- <view class="form-item border-b m-b-md p-b-xs"> <!-- <view class="form-item border-b m-b-md p-b-xs">
<view class="label m-b-xs">{{$t('reg.c6')}}</view> <view class="label m-b-xs">{{$t('reg.c6')}}</view>
<v-input class="color-light" v-model="form.invitationCode" type="password" :placeholder="$t('reg.c7')"></v-input> <v-input class="color-light" v-model="form.invitationCode" type="password" :placeholder="$t('reg.c7')"></v-input>
</view> --> </view> -->
<view class="form-item border-b m-b-md p-b-xs" v-if="showInvite_code"> <view class="form-item m-b-md p-b-xs" v-if="showInvite_code">
<view class="label m-b-xs">{{$t('reg.c6')}}</view> <view class="label m-b-xs color-light">{{$t('reg.c6')}}</view>
<!-- <v-input class="color-light" :disabled="query.invite_code?true:false" v-model="form.invite_code" :placeholder="`${$t('reg.c7')}(${$t('reg.b4')})`"></v-input> --> <!-- <v-input class="color-light" :disabled="query.invite_code?true:false" v-model="form.invite_code" :placeholder="`${$t('reg.c7')}(${$t('reg.b4')})`"></v-input> -->
<v-input class="color-light" :disabled="query.invite_code?true:false" v-model="form.invite_code" :placeholder="`${$t('reg.c7')}`"></v-input> <v-input class="color-light" :disabled="query.invite_code?true:false" v-model="form.invite_code" :placeholder="`${$t('reg.c7')}`"></v-input>
</view> </view>
<view class="tips d-flex m-b-md fn-sm"> <view class="tips d-flex m-b-lg fn-sm">
<van-checkbox <van-checkbox
:value="check" :value="check"
@change="check=!check" @change="check=!check"
@ -139,16 +140,22 @@
icon-size="15px" icon-size="15px"
checked-color="#f05319" checked-color="#f05319"
></van-checkbox> ></van-checkbox>
<view class="m-l-xs"> <view class="m-l-xs color-light">
{{$t('reg.b5')}} {{$t('reg.b5')}}
<v-link class="color-sell" v-if="agreement.agreement" :to="{path:'/pages/notice/detail',query:{id:agreement.agreement.id}}">{{agreement.agreement.title}}</v-link>{{$t('reg.b7')}} <v-link class="color-sell" v-if="agreement.agreement" :to="{path:'/pages/notice/detail',query:{id:agreement.agreement.id}}">{{agreement.agreement.title}}</v-link>{{$t('reg.b7')}}
<v-link class="color-sell" v-if="agreement.clause" :to="{path:'/pages/notice/detail',query:{id:agreement.clause.id}}">{{agreement.clause.title}}</v-link> <v-link class="color-sell" v-if="agreement.clause" :to="{path:'/pages/notice/detail',query:{id:agreement.clause.id}}">{{agreement.clause.title}}</v-link>
</view> </view>
</view> </view>
<v-button type="blue" block class="w-max m-b-md rounded-md" @click="register">{{$t('reg.b9')}}</v-button> <v-button type="white" block class="w-max m-b-md rounded-md" @click="register">{{$t('reg.b9')}}</v-button>
</view> </view>
<view class="m-x-lg p-x-lg">
<view class="p-b-xl fn-center p-t-xs">
{{$t('reg.c0')}}
<v-link class="color-light" to="/pages/login/index">{{$t('reg.c1')}}</v-link>
</view>
</view>
</view> </view>
<view class="m-x-lg p-x-lg"> <view class="m-x-lg p-x-lg" v-if="false">
<view class="p-y-md border-t fn-center"> <view class="p-y-md border-t fn-center">
{{$t('reg.b9')}} {{$t('reg.b9')}}
<v-link class="color-sell" to="/pages/login/index">{{$t('reg.c1')}}</v-link> <v-link class="color-sell" to="/pages/login/index">{{$t('reg.c1')}}</v-link>
@ -308,6 +315,9 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.layout-page{
background-color: #121212;
}
.nav-tab { .nav-tab {
background: transparent; background: transparent;
&::after { &::after {

Loading…
Cancel
Save