|
|
@@ -1,21 +1,34 @@
|
|
|
<template>
|
|
|
<view class="body_content">
|
|
|
- <view class="example-title">个人资料</view>
|
|
|
<view class="login_text">
|
|
|
<view class="login_input flex" style="padding-top: 45rpx;">
|
|
|
- <view class="login_img">电子邮箱</view>
|
|
|
- <view class="login_name"><input class="uni-input" type="text" v-model="mail" placeholder="请输入电子邮箱" /></view>
|
|
|
+ <view class="login_name">姓名</view>
|
|
|
+ <view class="login_name"><input class="uni-input" type="text" v-model="username" placeholder="请输入真实姓名" /></view>
|
|
|
</view>
|
|
|
<view class="login_input flex">
|
|
|
- <view class="login_img"><text>真实姓名</text></view>
|
|
|
- <view class="login_name"><input class="uni-input" type="text" v-model="username" placeholder="请输入真实姓名" /></view>
|
|
|
+ <view class="login_name"><text>身份证号</text></view>
|
|
|
+ <view class="login_name"><input class="uni-input" type="idcard" v-model="idCard" placeholder="请输入身份证号" /></view>
|
|
|
+ </view>
|
|
|
+ <view class="login_input flex">
|
|
|
+ <view class="login_name"><text>手机号</text></view>
|
|
|
+ <view class="login_name"><input class="uni-input" type="number" v-model="phone" placeholder="请输入手机号" /></view>
|
|
|
</view>
|
|
|
<view class="login_input flex">
|
|
|
- <view class="login_img"><text>身份证号</text></view>
|
|
|
- <view class="login_name"><input class="uni-input" type="idcard" v-model="number" placeholder="请输入身份证号" /></view>
|
|
|
+ <view class="login_name"><text>验证码</text></view>
|
|
|
+ <view class="login_name flex_item">
|
|
|
+ <input style="width: 310rpx;" class="uni-input" type="number" v-model="vcode" placeholder="请输入验证码" />
|
|
|
+ <view class="" style="font-size: 26rpx;color: #0C5AFA;">获取验证码</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="submission"><button class="golden" type="golden" hover-class="none" @click="submission">确认提交</button></view>
|
|
|
+ <view class="">身份证照片(正反两面)</view>
|
|
|
+ <view class="flex upLoadBox">
|
|
|
+ <view class="">
|
|
|
+ <image src="../../static/img/add.png" style="width: 180rpx;" mode="widthFix"></image>
|
|
|
+ <image src="../../static/img/add.png" style="width: 180rpx;" mode="widthFix"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<!-- <view class="example-title"><text>资金账户</text></view>
|
|
|
<view class="login_text">
|
|
|
<view class="login_input flex" style="padding-top: 45rpx;">
|
|
|
@@ -42,11 +55,10 @@ import { show_us,attestation } from '@/api/user.js';
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- mail:'',
|
|
|
username:'',
|
|
|
- number:'',
|
|
|
- list:'',
|
|
|
- uid:''
|
|
|
+ idCard:'',
|
|
|
+ phone:'',
|
|
|
+ vcode:''
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -129,28 +141,20 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
- page {
|
|
|
- min-height: 100%;
|
|
|
- background:linear-gradient(-28deg,rgba(44,45,53,1),rgba(59,62,74,1));
|
|
|
- }
|
|
|
-.body_content {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
.login_text {
|
|
|
width: 100%;
|
|
|
// padding: 25rpx 0rpx;
|
|
|
- color: #85858E !important;
|
|
|
font-size: 28rpx !important;
|
|
|
- background-color: #40414E;
|
|
|
+ padding: 0rpx 25rpx;
|
|
|
}
|
|
|
.login_input {
|
|
|
border-bottom: 1px solid #464755;
|
|
|
padding: 35rpx;
|
|
|
}
|
|
|
.uni-input{
|
|
|
- width:480rpx;
|
|
|
+ width:450rpx;
|
|
|
text-align: left !important;
|
|
|
+ font-size: 26rpx;
|
|
|
}
|
|
|
.width {
|
|
|
width: 265rpx !important;
|
|
|
@@ -162,7 +166,11 @@ export default {
|
|
|
padding-left: 25rpx;
|
|
|
}
|
|
|
.submission{
|
|
|
- padding: 0rpx 25rpx;
|
|
|
+ padding: 80rpx 25rpx;
|
|
|
+ .golden{
|
|
|
+ background: #0C5AFA;
|
|
|
+ color: #ffffff;
|
|
|
+ }
|
|
|
}
|
|
|
.login_name {
|
|
|
color: #ffffff;
|