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