Browse Source

修改密码、添加提币地址、消息通知

master
luyisha 2 years ago
parent
commit
43a8656a3a
  1. 3
      pages/assets/coin-list.vue
  2. 22
      pages/assets/edit-address.vue
  3. 2
      pages/auth/primary.vue
  4. 8
      pages/notice/index.vue
  5. 38
      pages/safe/login-password.vue

3
pages/assets/coin-list.vue

@ -104,4 +104,7 @@ export default {
transform: translateY(0); transform: translateY(0);
} }
} }
// .layout-page ::v-deep.van-search .van-search__content{
// background-color: #242424;
// }
</style> </style>

22
pages/assets/edit-address.vue

@ -1,22 +1,22 @@
<template> <template>
<v-page > <v-page style="background: none;background-color: #121212;">
<v-header :title="`${form.id?$t('assets.d6'):$t('assets.d7')}${$t('assets.d8')}`"></v-header> <v-header :title="`${form.id?$t('assets.d6'):$t('assets.d7')}${$t('assets.d8')}`"></v-header>
<view class="layout-main"> <view class="layout-main">
<view class="coin p-md d-flex justify-between bg-panel-4 m-md rounded box-shadow" @click="coinListShow=true"> <view class="coin p-md d-flex justify-between bg-panel-3 m-md rounded box-shadow" @click="coinListShow=true">
<view class="fn-lg color-light">{{form.coin_name}}</view> <view class="fn-lg color-light">{{form.coin_name}}</view>
<view> <view>
<van-icon name="arrow" /> <van-icon name="arrow" />
</view> </view>
</view> </view>
<view class="bg-panel-4 m-md rounded box-shadow"> <view class="bg-panel-4 m-y-md rounded">
<view class="form-item border-b p-md"> <view class="form-item border-b p-md">
<view class="label m-b-xs">{{$t('assets.d8')}}</view> <view class="label m-b-xs color-light">{{$t('assets.d8')}}</view>
<view class="input color-light fn-13"> <view class="input color-light fn-13">
<v-input v-model="form.address" :placeholder="$t('assets.d9')"></v-input> <v-input v-model="form.address" :placeholder="$t('assets.d9')"></v-input>
</view> </view>
</view> </view>
<view class="form-item border-b p-md"> <view class="form-item border-b p-md">
<view class="label m-b-xs">{{$t('assets.e0')}}</view> <view class="label m-b-xs color-light">{{$t('assets.e0')}}</view>
<view class="input color-light"> <view class="input color-light">
<v-input v-model="form.address_note" :placeholder="$t('assets.e3')"></v-input> <v-input v-model="form.address_note" :placeholder="$t('assets.e3')"></v-input>
</view> </view>
@ -24,7 +24,7 @@
</view> </view>
</view> </view>
<view class="p-md"> <view class="p-md">
<v-button class="w-max rounded-lg" block type="blue" ref="btn" @click="submit">{{$t('common.confirm')}}</v-button> <v-button class="w-max rounded-lg" block type="white" ref="btn" @click="submit">{{$t('common.confirm')}}</v-button>
</view> </view>
<coin-list <coin-list
ref="coinList" ref="coinList"
@ -91,4 +91,12 @@ export default {
} }
}, },
}; };
</script> </script>
<style scoped>
.bg-panel-3{
background-color: #242424;
}
.bg-panel-4{
background-color: #121212;
}
</style>

2
pages/auth/primary.vue

@ -77,7 +77,7 @@
</view> </view>
</view> </view>
<view class="p-md "> <view class="p-md ">
<v-button block type="blue" class="w-max rounded-md" ref="btn" @click="primaryAuth">{{$t('auth.b3')}}</v-button> <v-button block type="white" class="w-max rounded-md" ref="btn" @click="primaryAuth">{{$t('auth.b3')}}</v-button>
</view> </view>
</main> </main>

8
pages/notice/index.vue

@ -5,13 +5,13 @@
<view class="d-flex justify-center p-t-md"> <view class="d-flex justify-center p-t-md">
<view class="d-flex bg-form-panel-4 rounded-lg overflow-scroll"> <view class="d-flex bg-form-panel-4 rounded-lg overflow-scroll">
<view <view
:class="{ 'bg-theme-1 color-plain rounded-lg': active == 1 }" :class="{ 'bg-theme-1 rounded-lg': active == 1 }"
@click="active = 1" @click="active = 1"
class="p-y-xs p-x-lg min-w-60 fn-center" class="p-y-xs p-x-lg min-w-60 fn-center"
>{{$t('notice.a3')}}</view >{{$t('notice.a3')}}</view
> >
<view <view
:class="{ 'bg-theme-1 color-plain rounded-lg': active == 0 }" :class="{ 'bg-theme-1 rounded-lg': active == 0 }"
@click="active = 0" @click="active = 0"
class="p-y-xs p-x-lg min-w-60 fn-center" class="p-y-xs p-x-lg min-w-60 fn-center"
>{{$t('notice.a2')}}</view >{{$t('notice.a2')}}</view
@ -74,4 +74,8 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.bg-theme-1{
color: #101010;
background-color: #fff;
}
</style> </style>

38
pages/safe/login-password.vue

@ -1,27 +1,27 @@
<template> <template>
<v-page class="pos-login"> <v-page class="pos-login">
<v-header :title="$t('safe.c8')"></v-header> <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"> <main class="bg-panel-3 p-x-lg p-y-lg rounded-md box-shadow">
<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.b1')}}</view> <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> <v-input v-model="form.account" :placeholder="`${$t('safe.a4')}`" @blur="checkAccount"></v-input>
</view> </view>
</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="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> <v-input type="password" v-model="form.password" :placeholder="$t('safe.b4')"></v-input>
</view> </view>
</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="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> <v-input type="password" v-model="form.password_confirmation" :placeholder="$t('safe.b6')"></v-input>
</view> </view>
</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> <view class="label m-b-xs">{{$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>
@ -30,9 +30,9 @@
</v-input> </v-input>
</view> </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="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')"> <v-input v-model="form.sms_code" :placeholder="$t('safe.a6')">
<template #right> <template #right>
<v-code url="/user/getCode" :data="{type:1}" /> <v-code url="/user/getCode" :data="{type:1}" />
@ -40,9 +40,9 @@
</v-input> </v-input>
</view> </view>
</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="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')"> <v-input v-model="form.email_code" :placeholder="$t('safe.a6')">
<template #right> <template #right>
<v-code url="/user/getCode" :data="{type:2}" /> <v-code url="/user/getCode" :data="{type:2}" />
@ -50,14 +50,14 @@
</v-input> </v-input>
</view> </view>
</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="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> <v-input v-model="form.google_code" :placeholder="$t('safe.a6')"></v-input>
</view> </view>
</view> </view>
<view class="p-md "> <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> </view>
<!-- <v-button block class="w-max" ref="btn" type="theme"></v-button> --> <!-- <v-button block class="w-max" ref="btn" type="theme"></v-button> -->
</main> </main>
@ -138,5 +138,11 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.layout-page{
background-color: #121212 !important;
background: none;
}
.bg-panel-3{
background-color: #121212;
}
</style> </style>
Loading…
Cancel
Save