wangyu / naturalPersonTax · 提交

提交 aa70e997c254f4b80f04928751883fcd7c8b67c7

作者 wangyu
1 个父辈 06471fdb

自然人编辑页面、身份证识别页面、登陆相关逻辑的添加和优化

内嵌 并排对比
正在显示 29 个修改的文件 包含 605 行增加 和 109 行删除
... ... @@ -61,7 +61,8 @@ App({
61 61 } else if (user && user.type == "1") {//注册用户
62 62 if (relaunch) {
63 63 wx.reLaunch({ //重新加载
64   - url: '../../tabbar/home/home'
  64 + // url: '../home/home'
  65 + url: '../../getPhone/getPhone'
65 66 })
66 67 }
67 68 }
... ... @@ -90,7 +91,7 @@ App({
90 91
91 92 globalData: {
92 93 onshow_count: 0,
93   - baseUrl: "http://47.98.47.16:20000/",
  94 + baseUrl: "http://47.96.75.229:20000/",
94 95 // baseUrl: "https://api.workai.com.cn/",
95 96 OSSUrl: "https://oss.workai.com.cn/",
96 97 userInfo: null,
... ...
... ... @@ -2,6 +2,7 @@
2 2 "pages": [
3 3 "pages/main/home/home",
4 4 "pages/main/editinfo/editinfo",
  5 + "pages/main/idinfo/idinfo",
5 6 "pages/login/login",
6 7 "pages/getPhone/getPhone"
7 8
... ...
... ... @@ -11,4 +11,29 @@
11 11
12 12 .page{
13 13 background-color: #fff;
  14 +}
  15 +
  16 +.divide_line{
  17 + background: #e5e5e5;
  18 + width: 100%;
  19 + height: 2rpx;
  20 +}
  21 +
  22 +.float_right {
  23 + float: right;
  24 +}
  25 +
  26 +.float_left {
  27 + float: left;
  28 +}
  29 +
  30 +.btn_bottom {
  31 + width: 100%;
  32 + height: 84rpx;
  33 + background: #357aeb;
  34 + text-align: center;
  35 + position: fixed;
  36 + color: #fff;
  37 + bottom: 0;
  38 + line-height: 84rpx;
14 39 }
\ No newline at end of file
... ...
... ... @@ -65,7 +65,7 @@ Page({
65 65 app.globalData.wx_open_id = user.wx_open_id;
66 66
67 67 wx.reLaunch({
68   - url: '../tabbar/home/home'
  68 + url: '../main/home/home'
69 69 })
70 70
71 71 } else {
... ... @@ -79,7 +79,7 @@ Page({
79 79 },
80 80 complete:function (res){
81 81 wx.reLaunch({
82   - url: '../tabbar/home/home'
  82 + url: '../main/home/home'
83 83 })
84 84 }
85 85 })
... ...
1 1 {
2   - "navigationBarTitleText": "共享服务平台",
  2 + "navigationBarTitleText": "自然人税收",
3 3 "disableScroll" : true,
4   - "navigationBarBackgroundColor": "#529CE2"
  4 + "navigationBarBackgroundColor": "#4478e3"
5 5
6 6 }
\ No newline at end of file
... ...
1 1 <!--pages/getPhone/getPhone.wxml-->
2 2 <!-- <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取用户手机号</button> -->
3 3 <view class='page'>
4   - <image src='/images/bg.jpg' class='back-img' mode="bottom aspectFill"></image>
  4 + <image src='/images/bg.png' class='back-img' mode="bottom aspectFill"></image>
5 5 <view class='content-wrap'>
6   - <image src='/images/logo.png' class='logo' mode="aspectFit"></image>
7 6 <button open-type="getPhoneNumber" class='btn' bindgetphonenumber="getPhoneNumber">微信快速授权/登录</button>
8 7 <view class='loginByPhone' bindtap='phoneLogin'>输入手机号登录</view>
9 8 </view>
... ...
... ... @@ -6,34 +6,30 @@
6 6 position: absolute;
7 7 top: 0px;
8 8 width: 100%;
9   - height: 100%;
  9 + height: 440rpx;
10 10 }
11 11 .content-wrap{
12   - margin-top: 360rpx;
  12 + margin-top:580rpx;
13 13 width: 100%;
14 14 }
15   -.logo{
16   - position: relative;
17   - top: 0rpx;
18   - height: 60rpx;
19   - margin: 10px auto;
20   - display: block;
21   -}
22 15
23 16 .btn{
24   - background: #FFF;
25   - color: #529CE2;
26   - height: 84rpx;
27   - line-height: 84rpx;
  17 + position: relative;
  18 + height: 86rpx;
  19 + width: 90%;
  20 + line-height: 86rpx;
28 21 font-size: 28rpx;
29   - border-radius: 42rpx;
30   - margin: 120rpx 60rpx 0 60rpx;
  22 + border-radius: 43rpx;
  23 + color: #fff;
  24 + text-align: center;
  25 + background-color: #659CF7;
  26 + /* background:gradient(linear, 0 0, 0 bottom, from(#659CF7), to(#357AEB) */
31 27 }
32 28
33 29 .loginByPhone{
34 30 position: relative;
35 31 text-align: center;
36   - color: #FFF;
  32 + color: #4E8FE7;
37 33 font-size: 28rpx;
38 34 margin: 40rpx;
39 35 }
... ...
1 1 //login.js
2   -const loginUrl = require('../../config').loginUrl;
  2 +// const loginUrl = require('../../config').loginUrl;
3 3 //获取应用实例
4 4 var app = getApp();
5 5 var baseUrl = app.globalData.baseUrl;
... ...
1 1 {
2   - "navigationBarTitleText": "共享服务平台",
  2 + "navigationBarTitleText": "自然人税收",
3 3 "disableScroll": true,
4   - "navigationBarBackgroundColor": "#529CE2"
  4 + "navigationBarBackgroundColor": "#4478e3"
5 5 }
\ No newline at end of file
... ...
1 1 <!--pages/login/login.wxml-->
2 2 <view class="page">
3   - <image src='/images/bg.jpg' class='back-img' mode="bottom aspectFill"></image>
4   - <view class='content-wrap'>
5   - <image src='/images/logo.png' class='logo' mode="aspectFit"></image>
6   - <view class="data_item">
7   - <image src='/images/user_name.png' class='icon' mode="aspectFit"></image>
8   - <view class='input-wrap'>+86
9   - <input class="text-area" style='margin-left:20rpx;' bindinput="mobileInputEvent" name="mobile" type="number" placeholder='请输入手机号' placeholder-class='pl-class'></input>
10   - </view>
11   - </view>
12   - <view class="data_item">
13   - <image src='/images/user_pwd.png' class='icon' mode="aspectFit"></image>
14   - <view class='input-wrap' style='width:180rpx;'>
15   - <input class="text-area" name="verify_code" bindinput="verifyInputEvent" placeholder='短信验证码' placeholder-class='pl-class'></input>
  3 +
  4 + <image src='/images/bg.png' class='back-img' mode="bottom aspectFill"></image>
  5 +
  6 + <view class='data_wrap'>
  7 + <view style='margin-left:126rpx;margin-right:126rpx'>
  8 + <view class='input-wrap'>
  9 + <text class='text-area'>+86</text>
  10 + <input class="text-area" style='margin-left:16rpx' bindinput="mobileInputEvent" name="mobile" type="number" placeholder='请输入手机号' placeholder-class='text-area'></input>
16 11 </view>
17   - <button class="code-btn" bindtap="verifyCodeEvent" disabled="{{buttonDisable}}">{{verifyCodeTime}}</button>
18 12
  13 + <view class="divide_line"></view>
  14 +
  15 + <view class='input-wrap' style='height:100rpx;right:0'>
  16 + <input class="text-area float_left" bindinput="mobileInputEvent" name="mobile" type="number" placeholder='短信验证码' placeholder-class='text-area' style='width:320rpx'></input>
  17 + <button class="code-btn float_right" bindtap="verifyCodeEvent" disabled="{{buttonDisable}}">{{verifyCodeTime}}</button>
  18 + </view>
  19 + <view class="divide_line"></view>
19 20 </view>
20 21
21   - <view >
22   - <button class="btn" bindtap="login">登 录</button>
  22 +
  23 + <view>
  24 + <button class="btn" style='margin-top:60rpx' bindtap="login">登 录</button>
23 25 </view>
24 26 </view>
25 27
26   -
27   -</view>
  28 +
  29 +
  30 +</view>
\ No newline at end of file
... ...
1 1 /* pages/login/login.wxss */
2   - @import "../getPhone/getPhone.wxss";
3   -.data_item{
4   - position: relative;
5   - height: 120rpx;
6   - color: #fff;
7   - margin: 0 120rpx;
8   - display: flex;
9   - border-bottom: 2rpx solid #FFF;
10   -}
11   -.pl-class{
12   - color: #FFF;
13   - font-size: 28rpx;
14   -}
15   -.icon{
  2 +@import "../getPhone/getPhone.wxss";
  3 +
  4 +.data_wrap {
16 5 position: absolute;
17   - width: 32rpx;
18   - height: 36rpx;
19   - padding: 42rpx 44rpx ;
  6 + display: flex;
  7 + flex-direction: column;
  8 + margin-top: 440rpx;
  9 + /* margin: 0 126rpx; */
20 10 }
21   -.input-wrap{
22   - display: flex;
23   - line-height: 120rpx;
24   - margin-left: 120rpx;
  11 +
  12 +.input-wrap {
  13 + display: flex;
  14 + line-height: 100rpx;
25 15 }
26   -.text-area{
27   - font-size:28rpx;
  16 +
  17 +.text-area {
28 18 margin: auto 0;
29   - display: flex;
  19 + font-family: PingFang-SC-Medium;
  20 + font-size: 32rpx;
  21 + color: #5699f2;
  22 + letter-spacing: 0;
30 23 }
31   -.code-btn{
32   - position: absolute;
33   - color:#529CE2;
34   - font-size: 28rpx;
35   - border-radius: 32rpx;
36   - height: 64rpx;
37   - right: 0;
38   - bottom: 28rpx;
  24 +
  25 +/* .btn_bg {
  26 + margin-top: 16rpx;
  27 + background: #7fbefc;
  28 + box-shadow: 0 4px 14px 0 rgba(127, 190, 252, 0.30);
  29 + border-radius: 100px;
39 30 }
40 31
  32 +.btn {
  33 + opacity: 0.8;
  34 + font-family: PingFang-SC-Medium;
  35 + font-size: 14px;
  36 + color: #fff;
  37 + letter-spacing: 0;
  38 + text-align: center;
  39 +} */
41 40
  41 +.code-btn {
  42 + relative:absolute;
  43 + float: right;
  44 + right: 0;
  45 + color: #fff;
  46 + font-size: 24rpx;
  47 + height: 64rpx;
  48 + margin-top: 16rpx;
  49 + background: #7fbefc;
  50 + box-shadow: 0 4px 14px 0 rgba(127, 190, 252, 0.30);
  51 + border-radius: 100px;
  52 +}
... ...
... ... @@ -29,6 +29,17 @@ Page({
29 29
30 30 },
31 31
  32 + getIdInfo:function(e){
  33 + if(true){
  34 + wx.navigateTo({
  35 + url: '../idinfo/idinfo',
  36 + success: function(res) {},
  37 + })
  38 + }else{
  39 +
  40 + }
  41 + },
  42 +
32 43 /**
33 44 * 生命周期函数--监听页面隐藏
34 45 */
... ...
1 1 <!--pages/main//editinfo/editinfo.wxml-->
2   -<text>pages/main//editinfo/editinfo.wxml</text>
  2 +<view class='page'>
  3 + <form bindsubmit='formBindSubmit'>
  4 +
  5 + <!-- 成员关系 -->
  6 + <view class='head_wrap'>
  7 + <text class='head_text_wrap1'>成员关系</text>
  8 + <image class='head_image_wrap' src='/images/arrow_down.png' bindtap=''></image>
  9 + </view>
  10 +<view class='data_list'>
  11 + <view class='data_item'>
  12 + <view class='item_body'>
  13 + <text style='color:red;font-size: 28rpx;line-height: 80rpx;float:left'>*</text>
  14 + <text class='text_black_28 float_left'>姓名</text>
  15 + <input class='input_wrap float_right' placeholder='请填写姓名'></input>
  16 + </view>
  17 + <view class="divide_line"></view>
  18 + <view class='item_body'>
  19 + <text style='color:red;font-size: 28rpx;line-height: 80rpx;float:left'>*</text>
  20 + <text class='text_black_28 float_left'>关系</text>
  21 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  22 + <text class='text_333_28 float_right'>请选择关系</text>
  23 + </view>
  24 + <view class="divide_line"></view>
  25 + </view> </view>
  26 +
  27 + <!-- 基本信息 -->
  28 + <view class='head_wrap'>
  29 + <text class='head_text_wrap1'>基本信息</text>
  30 + <text class='head_text_wrap2'>（点击收起非必填选项）</text>
  31 + <image class='head_image_wrap' src='/images/arrow_down.png' bindtap=''></image>
  32 + </view>
  33 +
  34 + <view class='data_list'>
  35 + <view class='data_item'>
  36 + <view class='item_body'>
  37 + <text style='color:red;font-size: 28rpx;line-height: 80rpx;float:left'>*</text>
  38 + <text class='text_black_28 float_left'>姓名</text>
  39 + <input class='input_wrap float_right' placeholder='请填写姓名'></input>
  40 + </view>
  41 + <view class="divide_line"></view>
  42 +
  43 + <view class='item_body'>
  44 + <text style='color:red;font-size: 28rpx;line-height: 80rpx;float:left'>*</text>
  45 + <text class='text_black_28 float_left'>国籍（地区）</text>
  46 + <input class='input_wrap float_right'></input>
  47 + </view>
  48 + <view class="divide_line"></view>
  49 +
  50 + <view class='item_body'>
  51 + <text style='color:red;font-size: 28rpx;line-height: 80rpx;float:left'>*</text>
  52 + <text class='text_black_28 float_left'>纳税人状态</text>
  53 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  54 + <text class='text_333_28 float_right'>在职</text>
  55 + </view>
  56 + <view class="divide_line"></view>
  57 +
  58 + <view class='item_body'>
  59 + <text style='color:red;font-size: 28rpx;line-height: 80rpx;float:left'>*</text>
  60 + <text class='text_black_28 float_left'>证照类型</text>
  61 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  62 + <text class='text_333_28 float_right'>居民身份证</text>
  63 + </view>
  64 + <view class="divide_line"></view>
  65 +
  66 + <view class='item_body' bindtap='getIdInfo'>
  67 + <text style='color:red;font-size: 28rpx;line-height: 80rpx;float:left'>*</text>
  68 + <text class='text_black_28 float_left'>证照号码</text>
  69 + <image class='image_camera float_right' src='/images/camera.png'></image>
  70 + <text class='text_333_28 float_right'>74385949574684868496</text>
  71 + </view>
  72 + <view class="divide_line"></view>
  73 +
  74 + <view class='item_body'>
  75 + <text class='head_red_star float_left'>*</text>
  76 + <text class='text_black_28 float_left'>是否境外人员</text>
  77 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  78 + <text class='text_333_28 float_right'>否</text>
  79 + </view>
  80 + <view class="divide_line"></view>
  81 + <!-- 非必填部分 -->
  82 + <view hidden='{{false}}'>
  83 + <view class='item_body'>
  84 + <text class='text_666_28 float_left'>性别</text>
  85 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  86 + <text class='text_333_28 float_right'>男</text>
  87 + </view>
  88 + <view class="divide_line"></view>
  89 + <view class='item_body'>
  90 + <text class='text_666_28 float_left'>出生年月</text>
  91 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  92 + <text class='text_333_28 float_right'></text>
  93 + </view>
  94 + <view class="divide_line"></view>
  95 + <view class='item_body'>
  96 + <text class='text_666_28 float_left'>职业</text>
  97 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  98 + <text class='text_333_28 float_right'>经理</text>
  99 + </view>
  100 + <view class="divide_line"></view>
  101 + <view class='item_body'>
  102 + <text class='text_666_28 float_left'>学历</text>
  103 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  104 + <text class='text_333_28 float_right'></text>
  105 + </view>
  106 + <view class="divide_line"></view>
  107 + <view class='item_body'>
  108 + <text class='text_666_28 float_left'>纳税人识别号</text>
  109 + <input class='input_wrap float_right'></input>
  110 + </view>
  111 + <view class="divide_line"></view>
  112 + <view class='item_body'>
  113 + <text class='text_666_28 float_left'>是否残疾</text>
  114 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  115 + <text class='text_333_28 float_right'></text>
  116 + </view>
  117 + <view class="divide_line"></view>
  118 + <view class='item_body'>
  119 + <text class='text_666_28 float_left'>残疾证号</text>
  120 + <input class='input_wrap float_right'></input>
  121 + </view>
  122 + <view class="divide_line"></view>
  123 + <view class='item_body'>
  124 + <text class='text_666_28 float_left'>是否烈属</text>
  125 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  126 + <text class='text_333_28 float_right'></text>
  127 + </view>
  128 + <view class="divide_line"></view>
  129 + <view class='item_body'>
  130 + <text class='text_666_28 float_left'>烈属证号</text>
  131 + <input class='input_wrap float_right'></input>
  132 + </view>
  133 + <view class="divide_line"></view>
  134 + <view class='item_body'>
  135 + <text class='text_666_28 float_left'>是否孤老</text>
  136 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  137 + <text class='text_333_28 float_right'></text>
  138 + </view>
  139 + </view>
  140 + </view>
  141 + </view>
  142 +
  143 + <!-- 联系方式 -->
  144 + <view class='head_wrap' style='margin-top:20rpx'>
  145 + <text class='head_text_wrap1'>联系方式</text>
  146 + <text class='head_text_wrap2'>（点击收起非必填选项）</text>
  147 + <image class='head_image_wrap' src='/images/arrow_down.png' bindtap=''></image>
  148 + </view>
  149 +
  150 + <view class='data_list'>
  151 + <view class='data_item'>
  152 + <view class='item_body'>
  153 + <text style='color:red;font-size: 28rpx;line-height: 80rpx;float:left'>*</text>
  154 + <text class='text_black_28 float_left'>联系电话</text>
  155 + <input class='input_wrap float_right' placeholder='请填写电话'></input>
  156 + </view>
  157 + <view class="divide_line"></view>
  158 + <view class='item_body'>
  159 + <text class='text_666_28 float_left'>联系地址</text>
  160 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  161 + <text class='text_333_28 float_right'></text>
  162 + </view>
  163 + <view class="divide_line"></view>
  164 + <view class='item_body'>
  165 + <text class='text_666_28 float_left'>详细地址</text>
  166 + <input class='input_wrap float_right'></input>
  167 + </view>
  168 + <view class="divide_line"></view>
  169 + <view class='item_body'>
  170 + <text class='text_666_28 float_left'>开户银行</text>
  171 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  172 + <text class='text_333_28 float_right'></text>
  173 + </view>
  174 + <view class="divide_line"></view>
  175 + <view class='item_body'>
  176 + <text class='text_666_28 float_left'>银行账号</text>
  177 + <input class='input_wrap float_right'></input>
  178 + </view>
  179 + <view class="divide_line"></view>
  180 + <view class='item_body'>
  181 + <text class='text_666_28 float_left'>电子邮箱</text>
  182 + <input class='input_wrap float_right'></input>
  183 + </view>
  184 + <view class="divide_line"></view>
  185 + <view class='item_body'>
  186 + <text class='text_666_28 float_left'>居住地</text>
  187 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  188 + <text class='text_333_28 float_right'></text>
  189 + </view>
  190 + <view class="divide_line"></view>
  191 + <view class='item_body'>
  192 + <text class='text_666_28 float_left'>详细地址</text>
  193 + <input class='input_wrap float_right'></input>
  194 + </view>
  195 + <view class="divide_line"></view>
  196 + <view class='item_body'>
  197 + <text class='text_666_28 float_left'>户籍所在地</text>
  198 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  199 + <text class='text_333_28 float_right'></text>
  200 + </view>
  201 + <view class="divide_line"></view>
  202 + <view class='item_body'>
  203 + <text class='text_666_28 float_left'>详细地址</text>
  204 + <input class='input_wrap float_right'></input>
  205 + </view>
  206 + <view class="divide_line"></view>
  207 + </view>
  208 + </view>
  209 +
  210 + <!-- 任职雇佣信息 -->
  211 + <view class='head_wrap' style='margin-top:20rpx'>
  212 + <text class='head_text_wrap1'>任职雇佣信息</text>
  213 + <text class='head_text_wrap2'>（点击收起非必填选项）</text>
  214 + <image class='head_image_wrap' src='/images/arrow_down.png' bindtap=''></image>
  215 + </view>
  216 +
  217 + <view class='data_list'>
  218 + <view class='data_item'>
  219 + <view class='item_body'>
  220 + <text style='color:red;font-size: 28rpx;line-height: 80rpx;float:left'>*</text>
  221 + <text class='text_black_28 float_left'>是否股东、投资者</text>
  222 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  223 + <text class='text_333_28 float_right'>是</text>
  224 + </view>
  225 + <view class="divide_line"></view>
  226 + <view class='item_body'>
  227 + <text style='color:red;font-size: 28rpx;line-height: 80rpx;float:left'>*</text>
  228 + <text class='text_black_28 float_left'>是否特定行业</text>
  229 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  230 + <text class='text_333_28 float_right'></text>
  231 + </view>
  232 + <view class="divide_line"></view>
  233 + <view class='item_body'>
  234 + <text class='text_666_28 float_left'>是否雇员</text>
  235 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  236 + <text class='text_333_28 float_right'></text>
  237 + </view>
  238 + <view class="divide_line"></view>
  239 + <view class='item_body'>
  240 + <text class='text_666_28 float_left'>公司股本总额</text>
  241 + <input class='input_wrap float_right'></input>
  242 + </view>
  243 + <view class="divide_line"></view>
  244 + <view class='item_body'>
  245 + <text class='text_666_28 float_left'>在职受雇日期</text>
  246 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  247 + <text class='text_333_28 float_right'></text>
  248 + </view>
  249 + <view class="divide_line"></view>
  250 + <view class='item_body'>
  251 + <text class='text_666_28 float_left'>离职日期</text>
  252 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  253 + <text class='text_333_28 float_right'></text>
  254 + </view>
  255 + <view class="divide_line"></view>
  256 + <view class='item_body'>
  257 + <text class='text_666_28 float_left'>工号</text>
  258 + <input class='input_wrap float_right'></input>
  259 + </view>
  260 + <view class="divide_line"></view>
  261 + <view class='item_body'>
  262 + <text class='text_666_28 float_left'>是否天使投资个人</text>
  263 + <image class='arrow_wrap' src='/images/arrow_right.png'></image>
  264 + <text class='text_333_28 float_right'></text>
  265 + </view>
  266 + <view class="divide_line"></view>
  267 + <view class='item_body'>
  268 + <text class='text_666_28 float_left'>个人投资总额</text>
  269 + <input class='input_wrap float_right'></input>
  270 + </view>
  271 + <view class="divide_line"></view>
  272 +
  273 + <view style='width:100%'>
  274 + <text class='text_666_28 float_left'>备注</text>
  275 + <input class='extra_input' value='利用人力资源管理信息化平台，节省人员管理成本，降低用工管控风险'></input>
  276 + </view>
  277 + </view>
  278 +
  279 + </view>
  280 +
  281 + <view style='background:#e8e8e8;height:150rpx'></view>
  282 +
  283 + <button class="btn_bottom" formType="submit"> 保存</button>
  284 + </form>
  285 +</view>
\ No newline at end of file
... ...
1   -/* pages/main//editinfo/editinfo.wxss */
\ No newline at end of file
  1 +/* pages/main//editinfo/editinfo.wxss */
  2 +
  3 +.page {
  4 + background: #f8f8f8;
  5 +}
  6 +
  7 +.head_wrap {
  8 + height: 70rpx;
  9 + background: #f7f9fd;
  10 + padding-right: 20rpx;
  11 + padding-left: 32rpx;
  12 +}
  13 +
  14 +.head_red_star {
  15 + color: red;
  16 + font-size: 28rpx;
  17 + line-height: 80rpx;
  18 +}
  19 +
  20 +.head_text_wrap1 {
  21 + font-family: PingFangSC-Regular;
  22 + font-size: 12px;
  23 + color: #999;
  24 +}
  25 +
  26 +.head_text_wrap2 {
  27 + font-family: PingFang-SC-Medium;
  28 + font-size: 12px;
  29 + color: #c9c9c9;
  30 + letter-spacing: 0;
  31 + text-align: left;
  32 +}
  33 +
  34 +.head_image_wrap {
  35 + width: 28rpx;
  36 + height: 14rpx;
  37 + float: right;
  38 + margin-top: 24rpx;
  39 +}
  40 +
  41 +.data_list {
  42 + display: flex;
  43 + font-family: PingFangSC-Regular;
  44 + padding-left: 30rpx;
  45 + padding-right: 30rpx;
  46 + background: #fff;
  47 +}
  48 +
  49 +.data_item {
  50 + width: 100%;
  51 + height: auto;
  52 + flex-direction: column;
  53 + display: flex;
  54 +}
  55 +
  56 +.item_body {
  57 + width: 100%;
  58 + height: 80rpx;
  59 +}
  60 +
  61 +.text_black_28 {
  62 + font-family: PingFangSC-Regular;
  63 + font-size: 28rpx;
  64 + color: #000;
  65 + line-height: 80rpx;
  66 +}
  67 +
  68 +.input_wrap {
  69 + width: 500rpx;
  70 + height: 80rpx;
  71 + font-size: 28rpx;
  72 + color: #999;
  73 + text-align: right;
  74 + overflow: hidden;
  75 + text-overflow: ellipsis;
  76 + white-space: nowrap;
  77 +}
  78 +
  79 +.text_333_28 {
  80 + font-family: PingFangSC-Regular;
  81 + font-size: 28rpx;
  82 + color: #333;
  83 + text-align: right;
  84 + line-height: 80rpx;
  85 +}
  86 +
  87 +.text_666_28 {
  88 + font-family: PingFangSC-Regular;
  89 + font-size: 28rpx;
  90 + color: #666;
  91 + text-align: right;
  92 + line-height: 80rpx;
  93 +}
  94 +
  95 +.arrow_wrap {
  96 + width: 40rpx;
  97 + height: 40rpx;
  98 + float: right;
  99 + margin-top: 20rpx;
  100 + margin-left: 8rpx;
  101 +}
  102 +
  103 +.image_camera {
  104 + width: 48rpx;
  105 + height: 48rpx;
  106 + margin-left: 10rpx;
  107 + margin-top: 16rpx;
  108 +}
  109 +
  110 +.extra_input {
  111 + width: 600rpx;
  112 + font-size: 28rpx;
  113 + color: #333;
  114 + float: right;
  115 + text-aligh: right;
  116 + line-height: 40rpx;
  117 + padding: 16rpx 0;
  118 + word-wrap: break-word;
  119 +}
  120 +
  121 +.divide_line {
  122 + background: #e5e5e5;
  123 + width: 100%;
  124 + height: 2rpx;
  125 +}
... ...
1   -{}
\ No newline at end of file
1   -<!--pages/main//home.wxml-->
2   -<text>pages/main//home.wxml</text>
1   -/* pages/main//home.wxss */
\ No newline at end of file
... ... @@ -3,29 +3,28 @@
3 3 <view wx:if="{{list.length>0}}">
4 4 <block wx:for="{{list}}" wx:key="">
5 5 <view class='rectangle_solid_bg'>
6   - <view style='padding:22rpx'>
7   - <text class='text_black_28'>小爱同学</text>
8   - <text class='rectangle_orange_bg text_red_20' hidden="true">子女</text>
9   - <view style='float: right'>
10   - <text class='text_blue_28'>去完善</text>
11   - <image class='arrow_wrap' src='/images/arrow_right.png'> </image>
12   - </view>
  6 + <view style='padding:12rpx 22rpx'>
  7 + <text class='text_black_28'>小爱同学</text>
  8 + <text class='rectangle_orange_bg text_red_20' hidden="true">子女</text>
  9 + <image class='arrow_wrap' src='/images/arrow_right.png'> </image>
  10 + <text class='text_light_blue_28' style='float:right'>去完善</text>
  11 +
  12 + </view>
  13 + <view style='padding:12rpx 22rpx'>
  14 + <image class='phone_image_wrap' src='/images/phone.png'></image>
  15 + <text class='text_999_22'>130****8888</text>
  16 + <text style='margin:0rpx 20rpx;color:#999;height:16rpx'>|</text>
  17 + <image class='id_image_wrap' src='/images/id.png'></image>
  18 + <text class='text_999_22'>152000********0000</text>
13 19 </view>
14   - <view style='padding:22rpx'>
15   - <image class='phone_image_wrap'src='/images/phone.png'></image>
16   - <text class='text_999_22'>130****8888</text>
17   -<text style='margin:0rpx 20rpx;color:#999;height:16rpx'>|</text>
18   - <image class='id_image_wrap'src='/images/id.png'></image>
19   - <text class='text_999_22'>152000********0000</text>
20   - </view>
21 20 </view>
22 21 </block>
23 22 </view>
24 23
25 24 <view class='rectangle_dashed_bg' bindtap="goadd">
26   - <view class='text_blue_28'>
27   - 十 添加家庭成员
28   - </view>
  25 + <view class='text_blue_28' style='padding:14rpx'>
  26 + 十 添加家庭成员
  27 + </view>
29 28 </view>
30 29
31 30 </view>
\ No newline at end of file
... ...
... ... @@ -12,7 +12,7 @@
12 12 margin: 40rpx 32rpx;
13 13 background: #fff;
14 14 border-style: dashed;
15   - border: 2rpx solid #d7e4fb;
  15 + border: 3rpx dashed #d7e4fb;
16 16 border-radius: 8rpx;
17 17 }
18 18
... ... @@ -36,17 +36,22 @@ border-radius: 2px;
36 36 .text_blue_28 {
37 37 font-family: PingFang-SC-Medium;
38 38 font-size: 28rpx;
39   - padding: 14rpx;
40 39 text-align: center;
  40 + color: #4E8FE7;
  41 +}
  42 +
  43 +.text_light_blue_28 {
  44 + font-family: PingFang-SC-Medium;
  45 + font-size: 28rpx;
  46 + margin-top: 10rpx;
41 47 color: #357aeb;
42   - letter-spacing: 0;
43 48 }
44 49
45 50 .text_black_28 {
46 51 font-family: PingFangSC-Regular;
47 52 font-size: 28rpx;
48 53 color: #000;
49   - line-height: 40rpx;
  54 + text-align: center;
50 55 }
51 56
52 57 .text_999_22 {
... ... @@ -56,13 +61,16 @@ border-radius: 2px;
56 61 }
57 62
58 63 .arrow_wrap {
59   - width: 12rpx;
60   - height: 20rpx;
61   - margin-left:22rpx;
  64 + width: 40rpx;
  65 + height: 40rpx;
  66 + float:right;
  67 + margin-top: 9rpx;
  68 + vertical-align: center;
  69 + margin-left:8rpx;
62 70 }
63 71
64 72 .phone_image_wrap {
65   - width: 22rpx;
  73 + width: 12rpx;
66 74 height: 20rpx;
67 75 margin-right:12rpx;
68 76 }
... ...
1   -// pages/main//home.js
  1 +// pages/main/idinfo/idinfo.js
2 2 Page({
3 3
4 4 /**
... ...
  1 +{
  2 + "navigationBarTitleText": "拍照身份证识别信息"
  3 +}
\ No newline at end of file
... ...
  1 +<!--pages/main/idinfo/idinfo.wxml-->
  2 +<view class='page'>
  3 + <view class='text_999_24'>身份证正面</view>
  4 + <view class='id_background'>
  5 + <image class='id_image_wrap' src='/images/id_face.png'></image>
  6 + </view>
  7 + <view class='text_999_24'>身份证反面</view>
  8 + <view class='id_background'>
  9 + <image class='id_image_wrap' src='/images/id_back.png'></image>
  10 + </view>
  11 +
  12 + <view style='background-color:#fff;padding:0 32rpx ;margin-top:20rpx'>
  13 + <view class='item_body'>
  14 + <text class='text_666_28 float_left'>性别</text>
  15 + <text class='text_333_28 float_right'>男</text>
  16 + </view>
  17 + <view class="divide_line"></view>
  18 + <view class='item_body'>
  19 + <text class='text_666_28 float_left'>出生年月</text>
  20 + <text class='text_333_28 float_right'>2000-01-01</text>
  21 + </view>
  22 + <view class="divide_line"></view>
  23 + <view class='item_body'>
  24 + <text class='text_666_28 float_left'>身份证号码</text>
  25 + <text class='text_333_28 float_right'>001</text>
  26 + </view>
  27 + <view class="divide_line"></view>
  28 + <view class='item_body'>
  29 + <text class='text_666_28 float_left'>户籍所在地</text>
  30 + <text class='text_333_28 float_right'>北京</text>
  31 + </view>
  32 + </view>
  33 +
  34 + <view style='height:120rpx'></view>
  35 + <button class="btn_bottom" > 保存</button>
  36 +</view>
\ No newline at end of file
... ...
请 注册 或 登录 后发表评论