提交 96b89da414e3cc0f96dc8f5060bc7652abdd68f9

作者 wangyu
1 个父辈 2b9cfd48

添加实名认证部分页面

... ... @@ -20,7 +20,10 @@
20 20 "pages/main/finalpayment/historylist/historylist",
21 21 "pages/main/finalpayment/historydetail/historydetail",
22 22 "pages/login/login",
23   - "pages/main/advancepayment/adPayDetails/adPayDetails"
  23 + "pages/main/advancepayment/adPayDetails/adPayDetails",
  24 + "pages/main/verify/verify_info",
  25 + "pages/main/verify/verify_result/verify_result",
  26 + "pages/main/verify/verify_idcard/verify_idcard"
24 27 ],
25 28 "window": {
26 29 "backgroundTextStyle": "light",
... ...
  1 +<!--
  2 +info_steps:[
  3 + {
  4 + label:'',
  5 + status:'success'
  6 + },
  7 + {
  8 + label:'',
  9 + status:'circle'
  10 + }
  11 +] 在要引用的文件定义info_steps,并在其wxss中引入ins_info_head.wxss
  12 +-->
  13 +
  14 +<template name="ins_info_head">
  15 +
  16 + <view class="ins_info_head">
  17 + <view class="line_s" ></view>
  18 + <block wx:if="{{info_steps.length==3 || info_steps.length==2}}" wx:for="{{info_steps}}" >
  19 + <view wx:if="{{index==0}}" class="info_steps info_steps_left" >
  20 + {{item.label}}
  21 + <view class="progress_icon_wrap">
  22 + <icon wx:if="{{item.status=='success'}}" type="{{item.status}}" class="progress_icon" size="20" color="#4E8FE7"/>
  23 + <icon wx:else type="{{item.status}}" class="progress_icon" size="21" color="#ccc"/>
  24 + </view>
  25 + </view>
  26 + <view wx:elif="{{index==info_steps.length-1}}" class="info_steps info_steps_right" >
  27 + {{item.label}}
  28 + <view class="progress_icon_wrap">
  29 + <icon wx:if="{{item.status=='success'}}" type="{{item.status}}" class="progress_icon" size="20" color="#4E8FE7"/>
  30 + <icon wx:else type="{{item.status}}" class="progress_icon" size="21" color="#ccc"/>
  31 + </view>
  32 + </view>
  33 + <view wx:else class="info_steps " >
  34 + {{item.label}}
  35 + <view class="progress_icon_wrap">
  36 + <icon wx:if="{{item.status=='success'}}" type="{{item.status}}" class="progress_icon" size="20" color="#4E8FE7"/>
  37 + <icon wx:else type="{{item.status}}" class="progress_icon" size="21" color="#ccc"/>
  38 + </view>
  39 + </view>
  40 + </block>
  41 + </view>
  42 +</template>
... ...
  1 +@import "../../lib/weui.wxss";
  2 +
  3 +
  4 +.ins_info_head{
  5 + height: 160rpx;
  6 + width: 100%;
  7 + background-color: #fff;
  8 + font-size: 30rpx;
  9 + line-height: 32rpx;
  10 + display: inline-flex;
  11 +}
  12 +
  13 +.info_steps{
  14 + position:relative;
  15 + margin: 0 auto;
  16 + margin-top: 34rpx;
  17 + text-align: center;
  18 + width:202rpx; /* ((750-30*2)/4)+30; */
  19 +}
  20 + .info_steps_left{
  21 + margin-left: 0rpx;
  22 +}
  23 +.info_steps_right{
  24 + margin-right: 0rpx;
  25 +}
  26 +
  27 +.progress_icon_wrap{
  28 + width: 20px; /* 控件大小固定 */
  29 + margin: 16rpx auto;
  30 + background: #fff;
  31 +}
  32 +
  33 +.line_s{
  34 + position: absolute;
  35 + height: 2rpx;
  36 + width: 580rpx;
  37 + background: #EFEFEF;
  38 + left: 85rpx;
  39 + top: 80rpx;
  40 + margin-top: 10px;
  41 +}
  42 +
  43 +.container {
  44 + height: 100%;
  45 + display: flex;
  46 + flex-direction: column;
  47 + align-items: center;
  48 + justify-content: space-between;
  49 + padding: 200rpx 0;
  50 + box-sizing: border-box;
  51 +}
\ No newline at end of file
... ...
  1 +/*!
  2 + * weui.js v1.1.0 (https://github.com/weui/weui-wxss)
  3 + * Copyright 2016, wechat ui team
  4 + * MIT license
  5 + */
  6 +page {
  7 + line-height: 1.6;
  8 + font-family: -apple-system-font, "Helvetica Neue", sans-serif;
  9 +}
  10 +icon {
  11 + vertical-align: middle;
  12 +}
  13 +.weui-cells {
  14 + position: relative;
  15 + margin-top: 1.17647059em;
  16 + background-color: #FFFFFF;
  17 + line-height: 1.41176471;
  18 + font-size: 17px;
  19 +}
  20 +.weui-cells:before {
  21 + content: " ";
  22 + position: absolute;
  23 + left: 0;
  24 + top: 0;
  25 + right: 0;
  26 + height: 1px;
  27 + border-top: 1rpx solid #D9D9D9;
  28 + color: #D9D9D9;
  29 +}
  30 +.weui-cells:after {
  31 + content: " ";
  32 + position: absolute;
  33 + left: 0;
  34 + bottom: 0;
  35 + right: 0;
  36 + height: 1px;
  37 + border-bottom: 1rpx solid #D9D9D9;
  38 + color: #D9D9D9;
  39 +}
  40 +.weui-cells__title {
  41 + margin-top: .77em;
  42 + margin-bottom: .3em;
  43 + padding-left: 15px;
  44 + padding-right: 15px;
  45 + color: #999999;
  46 + font-size: 14px;
  47 +}
  48 +.weui-cells_after-title {
  49 + margin-top: 0;
  50 +}
  51 +.weui-cells__tips {
  52 + margin-top: .3em;
  53 + color: #999999;
  54 + padding-left: 15px;
  55 + padding-right: 15px;
  56 + font-size: 14px;
  57 +}
  58 +.weui-cell {
  59 + padding: 10px 15px;
  60 + position: relative;
  61 + display: -webkit-box;
  62 + display: -webkit-flex;
  63 + display: flex;
  64 + -webkit-box-align: center;
  65 + -webkit-align-items: center;
  66 + align-items: center;
  67 +}
  68 +.weui-cell:before {
  69 + content: " ";
  70 + position: absolute;
  71 + left: 0;
  72 + top: 0;
  73 + right: 0;
  74 + height: 1px;
  75 + border-top: 1rpx solid #D9D9D9;
  76 + color: #D9D9D9;
  77 + left: 15px;
  78 +}
  79 +.weui-cell:first-child:before {
  80 + display: none;
  81 +}
  82 +.weui-cell_active {
  83 + background-color: #ECECEC;
  84 +}
  85 +.weui-cell_primary {
  86 + -webkit-box-align: start;
  87 + -webkit-align-items: flex-start;
  88 + align-items: flex-start;
  89 +}
  90 +.weui-cell__bd {
  91 + -webkit-box-flex: 1;
  92 + -webkit-flex: 1;
  93 + flex: 1;
  94 +}
  95 +.weui-cell__ft {
  96 + text-align: right;
  97 + color: #999999;
  98 +}
  99 +.weui-cell_access {
  100 + color: inherit;
  101 +}
  102 +.weui-cell__ft_in-access {
  103 + padding-right: 13px;
  104 + position: relative;
  105 +}
  106 +.weui-cell__ft_in-access:after {
  107 + content: " ";
  108 + display: inline-block;
  109 + height: 6px;
  110 + width: 6px;
  111 + border-width: 2px 2px 0 0;
  112 + border-color: #C8C8CD;
  113 + border-style: solid;
  114 + -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  115 + transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  116 + position: relative;
  117 + top: -2px;
  118 + position: absolute;
  119 + top: 50%;
  120 + margin-top: -4px;
  121 + right: 2px;
  122 +}
  123 +.weui-cell_link {
  124 + color: #586C94;
  125 + font-size: 14px;
  126 +}
  127 +.weui-cell_link:active {
  128 + background-color: #ECECEC;
  129 +}
  130 +.weui-cell_link:first-child:before {
  131 + display: block;
  132 +}
  133 +.weui-icon-radio {
  134 + margin-left: 3.2px;
  135 + margin-right: 3.2px;
  136 +}
  137 +.weui-icon-checkbox_circle,
  138 +.weui-icon-checkbox_success {
  139 + margin-left: 4.6px;
  140 + margin-right: 4.6px;
  141 +}
  142 +.weui-check__label:active {
  143 + background-color: #ECECEC;
  144 +}
  145 +.weui-check {
  146 + position: absolute;
  147 + left: -9999px;
  148 +}
  149 +.weui-check__hd_in-checkbox {
  150 + padding-right: 0.35em;
  151 +}
  152 +.weui-cell__ft_in-radio {
  153 + padding-left: 0.35em;
  154 +}
  155 +.weui-cell_input {
  156 + padding-top: 0;
  157 + padding-bottom: 0;
  158 +}
  159 +.weui-label {
  160 + width: 105px;
  161 + word-wrap: break-word;
  162 + word-break: break-all;
  163 +}
  164 +.weui-input {
  165 + height: 2.58823529em;
  166 + min-height: 2.58823529em;
  167 + line-height: 2.58823529em;
  168 +}
  169 +.weui-toptips {
  170 + position: fixed;
  171 + -webkit-transform: translateZ(0);
  172 + transform: translateZ(0);
  173 + top: 0;
  174 + left: 0;
  175 + right: 0;
  176 + padding: 5px;
  177 + font-size: 14px;
  178 + text-align: center;
  179 + color: #FFFFFF;
  180 + z-index: 5000;
  181 + word-wrap: break-word;
  182 + word-break: break-all;
  183 +}
  184 +.weui-toptips_warn {
  185 + background-color: #E64340;
  186 +}
  187 +.weui-textarea {
  188 + display: block;
  189 + width: 100%;
  190 +}
  191 +.weui-textarea-counter {
  192 + color: #B2B2B2;
  193 + text-align: right;
  194 +}
  195 +.weui-textarea-counter_warn {
  196 + color: #E64340;
  197 +}
  198 +.weui-cell_warn {
  199 + color: #E64340;
  200 +}
  201 +.weui-form-preview {
  202 + position: relative;
  203 + background-color: #FFFFFF;
  204 +}
  205 +.weui-form-preview:before {
  206 + content: " ";
  207 + position: absolute;
  208 + left: 0;
  209 + top: 0;
  210 + right: 0;
  211 + height: 1px;
  212 + border-top: 1rpx solid #D9D9D9;
  213 + color: #D9D9D9;
  214 +}
  215 +.weui-form-preview:after {
  216 + content: " ";
  217 + position: absolute;
  218 + left: 0;
  219 + bottom: 0;
  220 + right: 0;
  221 + height: 1px;
  222 + border-bottom: 1rpx solid #D9D9D9;
  223 + color: #D9D9D9;
  224 +}
  225 +.weui-form-preview__value {
  226 + font-size: 14px;
  227 +}
  228 +.weui-form-preview__value_in-hd {
  229 + font-size: 26px;
  230 +}
  231 +.weui-form-preview__hd {
  232 + position: relative;
  233 + padding: 10px 15px;
  234 + text-align: right;
  235 + line-height: 2.5em;
  236 +}
  237 +.weui-form-preview__hd:after {
  238 + content: " ";
  239 + position: absolute;
  240 + left: 0;
  241 + bottom: 0;
  242 + right: 0;
  243 + height: 1px;
  244 + border-bottom: 1rpx solid #D9D9D9;
  245 + color: #D9D9D9;
  246 + left: 15px;
  247 +}
  248 +.weui-form-preview__bd {
  249 + padding: 10px 15px;
  250 + font-size: .9em;
  251 + text-align: right;
  252 + color: #999999;
  253 + line-height: 2;
  254 +}
  255 +.weui-form-preview__ft {
  256 + position: relative;
  257 + line-height: 50px;
  258 + display: -webkit-box;
  259 + display: -webkit-flex;
  260 + display: flex;
  261 +}
  262 +.weui-form-preview__ft:after {
  263 + content: " ";
  264 + position: absolute;
  265 + left: 0;
  266 + top: 0;
  267 + right: 0;
  268 + height: 1px;
  269 + border-top: 1rpx solid #D5D5D6;
  270 + color: #D5D5D6;
  271 +}
  272 +.weui-form-preview__item {
  273 + overflow: hidden;
  274 +}
  275 +.weui-form-preview__label {
  276 + float: left;
  277 + margin-right: 1em;
  278 + min-width: 4em;
  279 + color: #999999;
  280 + text-align: justify;
  281 + text-align-last: justify;
  282 +}
  283 +.weui-form-preview__value {
  284 + display: block;
  285 + overflow: hidden;
  286 + word-break: normal;
  287 + word-wrap: break-word;
  288 +}
  289 +.weui-form-preview__btn {
  290 + position: relative;
  291 + display: block;
  292 + -webkit-box-flex: 1;
  293 + -webkit-flex: 1;
  294 + flex: 1;
  295 + color: #3CC51F;
  296 + text-align: center;
  297 +}
  298 +.weui-form-preview__btn:after {
  299 + content: " ";
  300 + position: absolute;
  301 + left: 0;
  302 + top: 0;
  303 + width: 1px;
  304 + bottom: 0;
  305 + border-left: 1rpx solid #D5D5D6;
  306 + color: #D5D5D6;
  307 +}
  308 +.weui-form-preview__btn:first-child:after {
  309 + display: none;
  310 +}
  311 +.weui-form-preview__btn_active {
  312 + background-color: #EEEEEE;
  313 +}
  314 +.weui-form-preview__btn_default {
  315 + color: #999999;
  316 +}
  317 +.weui-form-preview__btn_primary {
  318 + color: #0BB20C;
  319 +}
  320 +.weui-cell_select {
  321 + padding: 0;
  322 +}
  323 +.weui-select {
  324 + position: relative;
  325 + padding-left: 15px;
  326 + padding-right: 30px;
  327 + height: 2.58823529em;
  328 + min-height: 2.58823529em;
  329 + line-height: 2.58823529em;
  330 + border-right: 1rpx solid #D9D9D9;
  331 +}
  332 +.weui-select:before {
  333 + content: " ";
  334 + display: inline-block;
  335 + height: 6px;
  336 + width: 6px;
  337 + border-width: 2px 2px 0 0;
  338 + border-color: #C8C8CD;
  339 + border-style: solid;
  340 + -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  341 + transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  342 + position: relative;
  343 + top: -2px;
  344 + position: absolute;
  345 + top: 50%;
  346 + right: 15px;
  347 + margin-top: -4px;
  348 +}
  349 +.weui-select_in-select-after {
  350 + padding-left: 0;
  351 +}
  352 +.weui-cell__hd_in-select-after,
  353 +.weui-cell__bd_in-select-before {
  354 + padding-left: 15px;
  355 +}
  356 +.weui-cell_vcode {
  357 + padding-right: 0;
  358 +}
  359 +.weui-vcode-img {
  360 + margin-left: 5px;
  361 + height: 2.58823529em;
  362 + vertical-align: middle;
  363 +}
  364 +.weui-vcode-btn {
  365 + display: inline-block;
  366 + height: 2.58823529em;
  367 + margin-left: 5px;
  368 + padding: 0 0.6em 0 0.7em;
  369 + border-left: 1px solid #E5E5E5;
  370 + line-height: 2.58823529em;
  371 + vertical-align: middle;
  372 + font-size: 17px;
  373 + color: #3CC51F;
  374 + white-space: nowrap;
  375 +}
  376 +.weui-vcode-btn:active {
  377 + color: #52a341;
  378 +}
  379 +.weui-cell_switch {
  380 + padding-top: 6px;
  381 + padding-bottom: 6px;
  382 +}
  383 +.weui-uploader__hd {
  384 + display: -webkit-box;
  385 + display: -webkit-flex;
  386 + display: flex;
  387 + padding-bottom: 10px;
  388 + -webkit-box-align: center;
  389 + -webkit-align-items: center;
  390 + align-items: center;
  391 +}
  392 +.weui-uploader__title {
  393 + -webkit-box-flex: 1;
  394 + -webkit-flex: 1;
  395 + flex: 1;
  396 +}
  397 +.weui-uploader__info {
  398 + color: #B2B2B2;
  399 +}
  400 +.weui-uploader__bd {
  401 + margin-bottom: -4px;
  402 + margin-right: -9px;
  403 + overflow: hidden;
  404 +}
  405 +.weui-uploader__file {
  406 + float: left;
  407 + margin-right: 9px;
  408 + margin-bottom: 9px;
  409 +}
  410 +.weui-uploader__img {
  411 + display: block;
  412 + width: 79px;
  413 + height: 79px;
  414 +}
  415 +.weui-uploader__file_status {
  416 + position: relative;
  417 +}
  418 +.weui-uploader__file_status:before {
  419 + content: " ";
  420 + position: absolute;
  421 + top: 0;
  422 + right: 0;
  423 + bottom: 0;
  424 + left: 0;
  425 + background-color: rgba(0, 0, 0, 0.5);
  426 +}
  427 +.weui-uploader__file-content {
  428 + position: absolute;
  429 + top: 50%;
  430 + left: 50%;
  431 + -webkit-transform: translate(-50%, -50%);
  432 + transform: translate(-50%, -50%);
  433 + color: #FFFFFF;
  434 +}
  435 +.weui-uploader__input-box {
  436 + float: left;
  437 + position: relative;
  438 + margin-right: 9px;
  439 + margin-bottom: 9px;
  440 + width: 77px;
  441 + height: 77px;
  442 + border: 1px solid #D9D9D9;
  443 +}
  444 +.weui-uploader__input-box:before,
  445 +.weui-uploader__input-box:after {
  446 + content: " ";
  447 + position: absolute;
  448 + top: 50%;
  449 + left: 50%;
  450 + -webkit-transform: translate(-50%, -50%);
  451 + transform: translate(-50%, -50%);
  452 + background-color: #D9D9D9;
  453 +}
  454 +.weui-uploader__input-box:before {
  455 + width: 2px;
  456 + height: 39.5px;
  457 +}
  458 +.weui-uploader__input-box:after {
  459 + width: 39.5px;
  460 + height: 2px;
  461 +}
  462 +.weui-uploader__input-box:active {
  463 + border-color: #999999;
  464 +}
  465 +.weui-uploader__input-box:active:before,
  466 +.weui-uploader__input-box:active:after {
  467 + background-color: #999999;
  468 +}
  469 +.weui-uploader__input {
  470 + position: absolute;
  471 + z-index: 1;
  472 + top: 0;
  473 + left: 0;
  474 + width: 100%;
  475 + height: 100%;
  476 + opacity: 0;
  477 +}
  478 +.weui-article {
  479 + padding: 20px 15px;
  480 + font-size: 15px;
  481 +}
  482 +.weui-article__section {
  483 + margin-bottom: 1.5em;
  484 +}
  485 +.weui-article__h1 {
  486 + font-size: 18px;
  487 + font-weight: 400;
  488 + margin-bottom: .9em;
  489 +}
  490 +.weui-article__h2 {
  491 + font-size: 16px;
  492 + font-weight: 400;
  493 + margin-bottom: .34em;
  494 +}
  495 +.weui-article__h3 {
  496 + font-weight: 400;
  497 + font-size: 15px;
  498 + margin-bottom: .34em;
  499 +}
  500 +.weui-article__p {
  501 + margin: 0 0 .8em;
  502 +}
  503 +.weui-msg {
  504 + padding-top: 36px;
  505 + text-align: center;
  506 +}
  507 +.weui-msg__link {
  508 + display: inline;
  509 + color: #586C94;
  510 +}
  511 +.weui-msg__icon-area {
  512 + margin-bottom: 30px;
  513 +}
  514 +.weui-msg__text-area {
  515 + margin-bottom: 25px;
  516 + padding: 0 20px;
  517 +}
  518 +.weui-msg__title {
  519 + margin-bottom: 5px;
  520 + font-weight: 400;
  521 + font-size: 20px;
  522 +}
  523 +.weui-msg__desc {
  524 + font-size: 14px;
  525 + color: #999999;
  526 +}
  527 +.weui-msg__opr-area {
  528 + margin-bottom: 25px;
  529 +}
  530 +.weui-msg__extra-area {
  531 + margin-bottom: 15px;
  532 + font-size: 14px;
  533 + color: #999999;
  534 +}
  535 +@media screen and (min-height: 438px) {
  536 + .weui-msg__extra-area {
  537 + position: fixed;
  538 + left: 0;
  539 + bottom: 0;
  540 + width: 100%;
  541 + text-align: center;
  542 + }
  543 +}
  544 +.weui-flex {
  545 + display: -webkit-box;
  546 + display: -webkit-flex;
  547 + display: flex;
  548 +}
  549 +.weui-flex__item {
  550 + -webkit-box-flex: 1;
  551 + -webkit-flex: 1;
  552 + flex: 1;
  553 +}
  554 +.weui-btn {
  555 + margin-top: 15px;
  556 +}
  557 +.weui-btn:first-child {
  558 + margin-top: 0;
  559 +}
  560 +.weui-btn-area {
  561 + margin: 1.17647059em 15px 0.3em;
  562 +}
  563 +.weui-agree {
  564 + display: block;
  565 + padding: .5em 15px;
  566 + font-size: 13px;
  567 +}
  568 +.weui-agree__text {
  569 + color: #999999;
  570 +}
  571 +.weui-agree__link {
  572 + display: inline;
  573 + color: #586C94;
  574 +}
  575 +.weui-agree__checkbox {
  576 + position: absolute;
  577 + left: -9999px;
  578 +}
  579 +.weui-agree__checkbox-icon {
  580 + position: relative;
  581 + top: 2px;
  582 + display: inline-block;
  583 + border: 1px solid #D1D1D1;
  584 + background-color: #FFFFFF;
  585 + border-radius: 3px;
  586 + width: 11px;
  587 + height: 11px;
  588 +}
  589 +.weui-agree__checkbox-icon-check {
  590 + position: absolute;
  591 + top: 1px;
  592 + left: 1px;
  593 +}
  594 +.weui-footer {
  595 + color: #999999;
  596 + font-size: 14px;
  597 + text-align: center;
  598 +}
  599 +.weui-footer_fixed-bottom {
  600 + position: fixed;
  601 + bottom: .52em;
  602 + left: 0;
  603 + right: 0;
  604 +}
  605 +.weui-footer__links {
  606 + font-size: 0;
  607 +}
  608 +.weui-footer__link {
  609 + display: inline-block;
  610 + vertical-align: top;
  611 + margin: 0 .62em;
  612 + position: relative;
  613 + font-size: 14px;
  614 + color: #586C94;
  615 +}
  616 +.weui-footer__link:before {
  617 + content: " ";
  618 + position: absolute;
  619 + left: 0;
  620 + top: 0;
  621 + width: 1px;
  622 + bottom: 0;
  623 + border-left: 1rpx solid #C7C7C7;
  624 + color: #C7C7C7;
  625 + left: -0.65em;
  626 + top: .36em;
  627 + bottom: .36em;
  628 +}
  629 +.weui-footer__link:first-child:before {
  630 + display: none;
  631 +}
  632 +.weui-footer__text {
  633 + padding: 0 .34em;
  634 + font-size: 12px;
  635 +}
  636 +.weui-grids {
  637 + border-top: 1rpx solid #D9D9D9;
  638 + border-left: 1rpx solid #D9D9D9;
  639 + overflow: hidden;
  640 +}
  641 +.weui-grid {
  642 + position: relative;
  643 + float: left;
  644 + padding: 20px 10px;
  645 + width: 33.33333333%;
  646 + box-sizing: border-box;
  647 + border-right: 1rpx solid #D9D9D9;
  648 + border-bottom: 1rpx solid #D9D9D9;
  649 +}
  650 +.weui-grid_active {
  651 + background-color: #ECECEC;
  652 +}
  653 +.weui-grid__icon {
  654 + display: block;
  655 + width: 28px;
  656 + height: 28px;
  657 + margin: 0 auto;
  658 +}
  659 +.weui-grid__label {
  660 + margin-top: 5px;
  661 + display: block;
  662 + text-align: center;
  663 + color: #000000;
  664 + font-size: 14px;
  665 + white-space: nowrap;
  666 + text-overflow: ellipsis;
  667 + overflow: hidden;
  668 +}
  669 +.weui-loading {
  670 + margin: 0 5px;
  671 + width: 20px;
  672 + height: 20px;
  673 + display: inline-block;
  674 + vertical-align: middle;
  675 + -webkit-animation: weuiLoading 1s steps(12, end) infinite;
  676 + animation: weuiLoading 1s steps(12, end) infinite;
  677 + background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
  678 + background-size: 100%;
  679 +}
  680 +@-webkit-keyframes weuiLoading {
  681 + 0% {
  682 + -webkit-transform: rotate3d(0, 0, 1, 0deg);
  683 + transform: rotate3d(0, 0, 1, 0deg);
  684 + }
  685 + 100% {
  686 + -webkit-transform: rotate3d(0, 0, 1, 360deg);
  687 + transform: rotate3d(0, 0, 1, 360deg);
  688 + }
  689 +}
  690 +@keyframes weuiLoading {
  691 + 0% {
  692 + -webkit-transform: rotate3d(0, 0, 1, 0deg);
  693 + transform: rotate3d(0, 0, 1, 0deg);
  694 + }
  695 + 100% {
  696 + -webkit-transform: rotate3d(0, 0, 1, 360deg);
  697 + transform: rotate3d(0, 0, 1, 360deg);
  698 + }
  699 +}
  700 +.weui-badge {
  701 + display: inline-block;
  702 + padding: .15em .4em;
  703 + min-width: 8px;
  704 + border-radius: 18px;
  705 + background-color: #F43530;
  706 + color: #FFFFFF;
  707 + line-height: 1.2;
  708 + text-align: center;
  709 + font-size: 12px;
  710 + vertical-align: middle;
  711 +}
  712 +.weui-badge_dot {
  713 + padding: .4em;
  714 + min-width: 0;
  715 +}
  716 +.weui-loadmore {
  717 + width: 65%;
  718 + margin: 1.5em auto;
  719 + line-height: 1.6em;
  720 + font-size: 14px;
  721 + text-align: center;
  722 +}
  723 +.weui-loadmore__tips {
  724 + display: inline-block;
  725 + vertical-align: middle;
  726 +}
  727 +.weui-loadmore_line {
  728 + border-top: 1px solid #E5E5E5;
  729 + margin-top: 2.4em;
  730 +}
  731 +.weui-loadmore__tips_in-line {
  732 + position: relative;
  733 + top: -0.9em;
  734 + padding: 0 .55em;
  735 + background-color: #FFFFFF;
  736 + color: #999999;
  737 +}
  738 +.weui-loadmore__tips_in-dot {
  739 + position: relative;
  740 + padding: 0 .16em;
  741 + width: 4px;
  742 + height: 1.6em;
  743 +}
  744 +.weui-loadmore__tips_in-dot:before {
  745 + content: " ";
  746 + position: absolute;
  747 + top: 50%;
  748 + left: 50%;
  749 + margin-top: -1px;
  750 + margin-left: -2px;
  751 + width: 4px;
  752 + height: 4px;
  753 + border-radius: 50%;
  754 + background-color: #E5E5E5;
  755 +}
  756 +.weui-panel {
  757 + background-color: #FFFFFF;
  758 + margin-top: 10px;
  759 + position: relative;
  760 + overflow: hidden;
  761 +}
  762 +.weui-panel:first-child {
  763 + margin-top: 0;
  764 +}
  765 +.weui-panel:before {
  766 + content: " ";
  767 + position: absolute;
  768 + left: 0;
  769 + top: 0;
  770 + right: 0;
  771 + height: 1px;
  772 + border-top: 1rpx solid #E5E5E5;
  773 + color: #E5E5E5;
  774 +}
  775 +.weui-panel:after {
  776 + content: " ";
  777 + position: absolute;
  778 + left: 0;
  779 + bottom: 0;
  780 + right: 0;
  781 + height: 1px;
  782 + border-bottom: 1rpx solid #E5E5E5;
  783 + color: #E5E5E5;
  784 +}
  785 +.weui-panel__hd {
  786 + padding: 14px 15px 10px;
  787 + color: #999999;
  788 + font-size: 13px;
  789 + position: relative;
  790 +}
  791 +.weui-panel__hd:after {
  792 + content: " ";
  793 + position: absolute;
  794 + left: 0;
  795 + bottom: 0;
  796 + right: 0;
  797 + height: 1px;
  798 + border-bottom: 1rpx solid #E5E5E5;
  799 + color: #E5E5E5;
  800 + left: 15px;
  801 +}
  802 +.weui-media-box {
  803 + padding: 15px;
  804 + position: relative;
  805 +}
  806 +.weui-media-box:before {
  807 + content: " ";
  808 + position: absolute;
  809 + left: 0;
  810 + top: 0;
  811 + right: 0;
  812 + height: 1px;
  813 + border-top: 1rpx solid #E5E5E5;
  814 + color: #E5E5E5;
  815 + left: 15px;
  816 +}
  817 +.weui-media-box:first-child:before {
  818 + display: none;
  819 +}
  820 +.weui-media-box__title {
  821 + font-weight: 400;
  822 + font-size: 17px;
  823 + width: auto;
  824 + overflow: hidden;
  825 + text-overflow: ellipsis;
  826 + white-space: nowrap;
  827 + word-wrap: normal;
  828 + word-wrap: break-word;
  829 + word-break: break-all;
  830 +}
  831 +.weui-media-box__desc {
  832 + color: #999999;
  833 + font-size: 13px;
  834 + line-height: 1.2;
  835 + overflow: hidden;
  836 + text-overflow: ellipsis;
  837 + display: -webkit-box;
  838 + -webkit-box-orient: vertical;
  839 + -webkit-line-clamp: 2;
  840 +}
  841 +.weui-media-box__info {
  842 + margin-top: 15px;
  843 + padding-bottom: 5px;
  844 + font-size: 13px;
  845 + color: #CECECE;
  846 + line-height: 1em;
  847 + list-style: none;
  848 + overflow: hidden;
  849 +}
  850 +.weui-media-box__info__meta {
  851 + float: left;
  852 + padding-right: 1em;
  853 +}
  854 +.weui-media-box__info__meta_extra {
  855 + padding-left: 1em;
  856 + border-left: 1px solid #CECECE;
  857 +}
  858 +.weui-media-box__title_in-text {
  859 + margin-bottom: 8px;
  860 +}
  861 +.weui-media-box_appmsg {
  862 + display: -webkit-box;
  863 + display: -webkit-flex;
  864 + display: flex;
  865 + -webkit-box-align: center;
  866 + -webkit-align-items: center;
  867 + align-items: center;
  868 +}
  869 +.weui-media-box__thumb {
  870 + width: 100%;
  871 + height: 100%;
  872 + vertical-align: top;
  873 +}
  874 +.weui-media-box__hd_in-appmsg {
  875 + margin-right: .8em;
  876 + width: 60px;
  877 + height: 60px;
  878 + line-height: 60px;
  879 + text-align: center;
  880 +}
  881 +.weui-media-box__bd_in-appmsg {
  882 + -webkit-box-flex: 1;
  883 + -webkit-flex: 1;
  884 + flex: 1;
  885 + min-width: 0;
  886 +}
  887 +.weui-media-box_small-appmsg {
  888 + padding: 0;
  889 +}
  890 +.weui-cells_in-small-appmsg {
  891 + margin-top: 0;
  892 +}
  893 +.weui-cells_in-small-appmsg:before {
  894 + display: none;
  895 +}
  896 +.weui-progress {
  897 + display: -webkit-box;
  898 + display: -webkit-flex;
  899 + display: flex;
  900 + -webkit-box-align: center;
  901 + -webkit-align-items: center;
  902 + align-items: center;
  903 +}
  904 +.weui-progress__bar {
  905 + -webkit-box-flex: 1;
  906 + -webkit-flex: 1;
  907 + flex: 1;
  908 +}
  909 +.weui-progress__opr {
  910 + margin-left: 15px;
  911 + font-size: 0;
  912 +}
  913 +.weui-navbar {
  914 + display: -webkit-box;
  915 + display: -webkit-flex;
  916 + display: flex;
  917 + position: absolute;
  918 + z-index: 500;
  919 + top: 0;
  920 + width: 100%;
  921 + border-bottom: 1rpx solid #CCCCCC;
  922 +}
  923 +.weui-navbar__item {
  924 + position: relative;
  925 + display: block;
  926 + -webkit-box-flex: 1;
  927 + -webkit-flex: 1;
  928 + flex: 1;
  929 + padding: 13px 0;
  930 + text-align: center;
  931 + font-size: 0;
  932 +}
  933 +.weui-navbar__item.weui-bar__item_on {
  934 + color: #1AAD19;
  935 +}
  936 +.weui-navbar__slider {
  937 + position: absolute;
  938 + content: " ";
  939 + left: 0;
  940 + bottom: 0;
  941 + width: 6em;
  942 + height: 3px;
  943 + background-color: #1AAD19;
  944 + -webkit-transition: -webkit-transform .3s;
  945 + transition: -webkit-transform .3s;
  946 + transition: transform .3s;
  947 + transition: transform .3s, -webkit-transform .3s;
  948 +}
  949 +.weui-navbar__title {
  950 + display: inline-block;
  951 + font-size: 15px;
  952 + max-width: 8em;
  953 + width: auto;
  954 + overflow: hidden;
  955 + text-overflow: ellipsis;
  956 + white-space: nowrap;
  957 + word-wrap: normal;
  958 +}
  959 +.weui-tab {
  960 + position: relative;
  961 + height: 100%;
  962 +}
  963 +.weui-tab__panel {
  964 + box-sizing: border-box;
  965 + height: 100%;
  966 + padding-top: 50px;
  967 + overflow: auto;
  968 + -webkit-overflow-scrolling: touch;
  969 +}
  970 +.weui-search-bar {
  971 + position: relative;
  972 + padding: 8px 10px;
  973 + display: -webkit-box;
  974 + display: -webkit-flex;
  975 + display: flex;
  976 + box-sizing: border-box;
  977 + background-color: #EFEFF4;
  978 + border-top: 1rpx solid #D7D6DC;
  979 + border-bottom: 1rpx solid #D7D6DC;
  980 +}
  981 +.weui-icon-search {
  982 + margin-right: 8px;
  983 + font-size: inherit;
  984 +}
  985 +.weui-icon-search_in-box {
  986 + position: absolute;
  987 + left: 10px;
  988 + top: 7px;
  989 +}
  990 +.weui-search-bar__text {
  991 + display: inline-block;
  992 + font-size: 14px;
  993 + vertical-align: middle;
  994 +}
  995 +.weui-search-bar__form {
  996 + position: relative;
  997 + -webkit-box-flex: 1;
  998 + -webkit-flex: auto;
  999 + flex: auto;
  1000 + border-radius: 5px;
  1001 + background: #FFFFFF;
  1002 + border: 1rpx solid #E6E6EA;
  1003 +}
  1004 +.weui-search-bar__box {
  1005 + position: relative;
  1006 + padding-left: 30px;
  1007 + padding-right: 30px;
  1008 + width: 100%;
  1009 + box-sizing: border-box;
  1010 + z-index: 1;
  1011 +}
  1012 +.weui-search-bar__input {
  1013 + height: 28px;
  1014 + line-height: 28px;
  1015 + font-size: 14px;
  1016 +}
  1017 +.weui-icon-clear {
  1018 + position: absolute;
  1019 + top: 0;
  1020 + right: 0;
  1021 + padding: 7px 8px;
  1022 + font-size: 0;
  1023 +}
  1024 +.weui-search-bar__label {
  1025 + position: absolute;
  1026 + top: 0;
  1027 + right: 0;
  1028 + bottom: 0;
  1029 + left: 0;
  1030 + z-index: 2;
  1031 + border-radius: 3px;
  1032 + text-align: center;
  1033 + color: #9B9B9B;
  1034 + background: #FFFFFF;
  1035 + line-height: 28px;
  1036 +}
  1037 +.weui-search-bar__cancel-btn {
  1038 + margin-left: 10px;
  1039 + line-height: 28px;
  1040 + color: #09BB07;
  1041 + white-space: nowrap;
  1042 +}
... ...
... ... @@ -399,9 +399,7 @@
399 399 <image wx:if="{{cur_status=='house_fund'&&house_type=='house_fund_rent'}}" class='modal_img02' src="/images/house_declare_rent.png"></image>
400 400 <image wx:if="{{cur_status=='house_fund'&&house_type=='house_fund_loan'}}" class='modal_img' src="/images/house_declare_loan.png"></image>
401 401 <!-- <text style='position:absolute;font-size:20px;color:#fff;float:right;top:0;right:100rpx' bindtap='closeModalImg'>x</text> -->
402   - <view style='width:80rpx;height:80rpx;position:absolute;float:right;top:0;right:0;display:flex;align-items:center;justify-content:center;' bindtap='closeModalImg'>
403   - <image style='width:30rpx;height:30rpx;' src='/images/close.png'></image>
404   - </view>
  402 +
405 403 </view>
406 404
407 405 <!-- 扣除类型 -->
... ...
... ... @@ -6,7 +6,8 @@ Page({
6 6 * 页面的初始数据
7 7 */
8 8 data: {
9   - isshow: false
  9 + isshow: false,
  10 + has_verify:false
10 11 },
11 12
12 13 /**
... ... @@ -140,6 +141,19 @@ Page({
140 141 })
141 142 },
142 143
  144 +
  145 + go_verify_idcard:function(){//身份证认证
  146 + wx.navigateTo({
  147 + url: '../verify/verify_info?foreigner=false',
  148 + })
  149 + },
  150 +
  151 + go_verify: function () { //外籍人员信息认证
  152 + wx.navigateTo({
  153 + url: '../verify/verify_info?foreigner=true',
  154 + })
  155 + },
  156 +
143 157 /**
144 158 * 生命周期函数--监听页面隐藏
145 159 */
... ...
... ... @@ -56,12 +56,25 @@
56 56 <image class='arrow_wrap float_right' src='/images/arrow_right.png'></image>
57 57 </view> -->
58 58
59   - <!-- <text style="font-size:34rpx;color:#999;text-align:center;padding:20rpx;margin:80rpx 0" bindtap='loginout'>退出登录</text> -->
  59 + <!-- <text style="font-size:34rpx;color:#999;text-align:center;padding:20rpx;margin:80rpx 0" bindtap='loginout'>退出登录</text> -->
60 60 </view>
61 61 </scroll-view>
62 62
63 63 <image class='chat-img' bindtap='gochat' src='/images/icon_chat.png'></image>
64 64
65   - <image class='logout-img' bindtap='loginout' src='/images/icon_logout.png'></image>
  65 + <image class='logout-img' bindtap='loginout' src='/images/icon_logout.png'></image>
66 66
67   -</view>
  67 + <view class="mask" hidden="{{has_verify}}" bindtap='closeModalImg'></view>
  68 +
  69 + <view style='top:180rpx;position:absolute;z-index:10;right:0;left:0;margin:auto;text-align:center;' hidden="{{has_verify}}">
  70 + <image style='height:860rpx' src='/images/verify_dialog.png'>
  71 + </image>
  72 + <view style='position:absolute;top:660rpx;right:0;left:0;display:flex;flex-direction:column' bindtap='closeModalImg'>
  73 + <view class='btn_blue_radius' bindtap="go_verify_idcard">
  74 + <text style='font-size: 32rpx;color:#fff;text-align: center;line-height: 42px;' >立即认证</text>
  75 + </view>
  76 + <text style='font-size:26rpx;color: #357aeb;margin-top:22rpx' bindtap='go_verify'>外籍人员信息认证</text>
  77 + </view>
  78 + </view>
  79 +
  80 +</view>
\ No newline at end of file
... ...
... ... @@ -74,3 +74,24 @@ text_wrap_sub_999 {
74 74 right: 40rpx;
75 75 bottom: 40rpx;
76 76 }
  77 +
  78 +/* 遮罩层 */
  79 +
  80 +.mask {
  81 + width: 100%;
  82 + height: 100%;
  83 + position: fixed;
  84 + top: 0;
  85 + left: 0;
  86 + background: #000;
  87 + opacity: 0.7;
  88 + z-index: 10;
  89 +}
  90 +
  91 +.btn_blue_radius {
  92 + margin-left: 120rpx ;
  93 + margin-right: 120rpx;
  94 + background: #357aeb;
  95 + border-radius: 5px;
  96 + height: 84rpx;
  97 +}
... ...
  1 +// pages/main/verify/verify_idcard/verify_idcard.js
  2 +Page({
  3 +
  4 + /**
  5 + * Page initial data
  6 + */
  7 + data: {
  8 +
  9 + },
  10 +
  11 + /**
  12 + * Lifecycle function--Called when page load
  13 + */
  14 + onLoad: function (options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * Lifecycle function--Called when page is initially rendered
  20 + */
  21 + onReady: function () {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * Lifecycle function--Called when page show
  27 + */
  28 + onShow: function () {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * Lifecycle function--Called when page hide
  34 + */
  35 + onHide: function () {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * Lifecycle function--Called when page unload
  41 + */
  42 + onUnload: function () {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * Page event handler function--Called when user drop down
  48 + */
  49 + onPullDownRefresh: function () {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * Called when page reach bottom
  55 + */
  56 + onReachBottom: function () {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * Called when user click on the top right corner to share
  62 + */
  63 + onShareAppMessage: function () {
  64 +
  65 + }
  66 +})
\ No newline at end of file
... ...
  1 +{
  2 + "navigationBarTitleText": "实名认证"
  3 +}
\ No newline at end of file
... ...
  1 +// pages/main/verify/verify_info.js
  2 +Page({
  3 +
  4 + /**
  5 + * Page initial data
  6 + */
  7 + data: {
  8 + is_foreigner:false,
  9 + btn_text:"下一步",
  10 + info_steps: [
  11 + {
  12 + label: '身份信息',
  13 + status: 'success'
  14 + }, {
  15 + label: '上传证件照',
  16 + status: 'circle'
  17 + }
  18 + ],
  19 + },
  20 +
  21 + /**
  22 + * Lifecycle function--Called when page load
  23 + */
  24 + onLoad: function (options) {
  25 + console.log("options",options);
  26 + this.setData({
  27 + is_foreigner:options.foreigner,
  28 + btn_text:"true"==options.foreigner?"提交":"下一步"
  29 + })
  30 + },
  31 +
  32 + /**
  33 + * Lifecycle function--Called when page is initially rendered
  34 + */
  35 + onReady: function () {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * Lifecycle function--Called when page show
  41 + */
  42 + onShow: function () {
  43 +
  44 + },
  45 +
  46 + gonext:function(){
  47 + if(this.data.is_foreigner){
  48 + wx.showToast({
  49 + title: '提交成功',
  50 + icon: "none",
  51 + duration: 2000
  52 + })
  53 + wx.navigateBack({})
  54 + }else{
  55 + wx.navigateTo({
  56 + url: 'verify_result/verify_result',
  57 + })
  58 + }
  59 + },
  60 +
  61 + /**
  62 + * Lifecycle function--Called when page hide
  63 + */
  64 + onHide: function () {
  65 +
  66 + },
  67 +
  68 + /**
  69 + * Lifecycle function--Called when page unload
  70 + */
  71 + onUnload: function () {
  72 +
  73 + },
  74 +
  75 + /**
  76 + * Page event handler function--Called when user drop down
  77 + */
  78 + onPullDownRefresh: function () {
  79 +
  80 + },
  81 +
  82 + /**
  83 + * Called when page reach bottom
  84 + */
  85 + onReachBottom: function () {
  86 +
  87 + },
  88 +
  89 + /**
  90 + * Called when user click on the top right corner to share
  91 + */
  92 + onShareAppMessage: function () {
  93 +
  94 + }
  95 +})
\ No newline at end of file
... ...
  1 +{
  2 + "navigationBarTitleText": "实名认证"
  3 +}
\ No newline at end of file
... ...
  1 +<view class='page'>
  2 + <view style='background:#FDFBEA;height:96rpx;width:100%;text-align:center'>
  3 + <text style='font-size:30rpx;color:#E47C4A;font-family:PingFang-SC-Medium;line-height:96rpx'>为了您的账户安全,请先完成实名认证</text>
  4 + </view>
  5 +
  6 + <view hidden="{{is_foreigner}}" style='display:flex;flex-direction:row;'>
  7 + <!--左边 身份信息 -->
  8 + <view style='margin:40rpx 0 30rpx 130rpx'>
  9 + <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'>
  10 + <image style='margin-left:30rpx; width: 24px;height: 24px' src='/images/step_first_blue.png'></image>
  11 + <view style='background:#357aeb;width:90px;height:4rpx;align-self:center;'></view>
  12 + </view>
  13 + <view style='font-size: 17px;color: #000;margin-top:16rpx'>身份信息</view>
  14 + </view>
  15 + <!--右边 上传证件照 -->
  16 + <view style='margin:40rpx 100rpx 30rpx 0'>
  17 + <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'>
  18 + <view style='background:#bcc3c7;width:90px;height:4rpx;align-self:center;'></view>
  19 + <image style='margin-right:30rpx; width: 24px;height: 24px' src='/images/step_second_gray.png'></image>
  20 + </view>
  21 + <view style='font-size: 17px;color: #999;margin-top:16rpx;text-align:right'>上传证件照</view>
  22 + </view>
  23 + </view>
  24 +
  25 +
  26 + <view style='width: 100%;height: auto;flex-direction: column;display: flex;'>
  27 +
  28 + <view style='padding-left: 30rpx;padding-right: 30rpx;'>
  29 + <text class='text_777_30 float_left' style='line-height: 90rpx'>姓名</text>
  30 + <input class='input_wrap' placeholder='请输入您的真实姓名' name='person_name' value='{{name}}' placeholder-class='text_999_30' maxlength='15' bindinput='nameInput'></input>
  31 + </view>
  32 + <view class="divide_line_30"></view>
  33 +
  34 + <view style='padding-left: 30rpx;padding-right: 30rpx;'>
  35 + <text class='text_777_30 float_left' style='line-height: 90rpx'>身份证件号码</text>
  36 +
  37 + <input class='input_wrap' placeholder='请输入您的身份证号码' placeholder-class='text_999_30' name='id_card_no' maxlength='18' bindinput="idChange" type='idcard'></input>
  38 + </view>
  39 + </view>
  40 +
  41 + <view class='bottom_btn_wrap'>
  42 + <view class='btn_blue_radius' bindtap="gonext">
  43 + <view class='text_white_34'>{{btn_text}}</view>
  44 + </view>
  45 + </view>
  46 +</view>
\ No newline at end of file
... ...
  1 +.input_wrap {
  2 + /* max-width: 460rpx; */
  3 + -webkit-box-flex: 1;
  4 + -webkit-flex: 1;
  5 + flex: 1;
  6 + height: 90rpx;
  7 + font-size: 28rpx;
  8 + color: #000;
  9 + text-align: right;
  10 + overflow: hidden;
  11 + text-overflow: ellipsis;
  12 + white-space: nowrap;
  13 +}
  14 +
  15 +.bottom_btn_wrap{
  16 + background: #FFFFFF;
  17 + box-shadow: 0 -2px 8px 0 rgba(208,208,208,0.30);
  18 + height: 136rpx;
  19 + width: 100%;
  20 + position: fixed;
  21 + bottom: 0;
  22 +}
  23 +.btn_blue_radius{
  24 + margin: 26rpx 30rpx;
  25 + background: #357AEB;
  26 + border-radius: 5px;
  27 + height: 84rpx;
  28 +}
  29 +
  30 +.text_white_34 {
  31 + font-family: PingFangSC-Regular;
  32 + font-size: 17px;
  33 + color: #FFFFFF;
  34 + text-align: center;
  35 + line-height: 42px;
  36 +}
  37 +
  38 +.text_black_34 {
  39 + font-family: PingFangSC-Regular;
  40 + font-size: 34rpx;
  41 + color: #000;
  42 +}
\ No newline at end of file
... ...
  1 +// pages/main/verify/verify_result/verify_result.js
  2 +Page({
  3 +
  4 + /**
  5 + * Page initial data
  6 + */
  7 + data: {
  8 + verify_img:"/images/verify_succ.png",
  9 + verify_tip:"恭喜您!认证成功",
  10 + btn_text:"完成"
  11 + },
  12 +
  13 + /**
  14 + * Lifecycle function--Called when page load
  15 + */
  16 + onLoad: function (options) {
  17 +
  18 + },
  19 +
  20 + /**
  21 + * Lifecycle function--Called when page is initially rendered
  22 + */
  23 + onReady: function () {
  24 +
  25 + },
  26 +
  27 + /**
  28 + * Lifecycle function--Called when page show
  29 + */
  30 + onShow: function () {
  31 +
  32 + },
  33 +
  34 + done:function(){
  35 +
  36 + },
  37 +
  38 + /**
  39 + * Lifecycle function--Called when page hide
  40 + */
  41 + onHide: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * Lifecycle function--Called when page unload
  47 + */
  48 + onUnload: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * Page event handler function--Called when user drop down
  54 + */
  55 + onPullDownRefresh: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * Called when page reach bottom
  61 + */
  62 + onReachBottom: function () {
  63 +
  64 + },
  65 +
  66 + /**
  67 + * Called when user click on the top right corner to share
  68 + */
  69 + onShareAppMessage: function () {
  70 +
  71 + }
  72 +})
\ No newline at end of file
... ...
  1 +{
  2 + "navigationBarTitleText": "实名认证"
  3 +}
\ No newline at end of file
... ...
  1 +<view class='page'>
  2 +<image style='width:60%;height:330rpx;margin:250rpx 160rpx 0 160rpx;' src='{{verify_img}}'></image>
  3 +<view style='text-align:center'>
  4 +<text style='font-size:14px;color:#999;margin-top:20rpx'>{{verify_tip}}</text>
  5 +</view>
  6 +<view class='bottom_btn_wrap' >
  7 + <view class='btn_blue_radius' bindtap="done">
  8 + <view class='text_white_34'>{{btn_text}}</view>
  9 + </view>
  10 + </view>
  11 +</view>
... ...
  1 +/* pages/main/verify/verify_result/verify_result.wxss */
  2 +
  3 +
  4 +.bottom_btn_wrap{
  5 + background: #FFFFFF;
  6 + box-shadow: 0 -2px 8px 0 rgba(208,208,208,0.30);
  7 + height: 136rpx;
  8 + width: 100%;
  9 + position: fixed;
  10 + bottom: 0;
  11 +}
  12 +.btn_blue_radius{
  13 + margin: 26rpx 30rpx;
  14 + background: #357AEB;
  15 + border-radius: 5px;
  16 + height: 84rpx;
  17 +}
  18 +
  19 +.text_white_34 {
  20 + font-family: PingFangSC-Regular;
  21 + font-size: 17px;
  22 + color: #FFFFFF;
  23 + text-align: center;
  24 + line-height: 42px;
  25 +}
\ No newline at end of file
... ...
注册登录 后发表评论