正在显示
10 个修改的文件
包含
157 行增加
和
1134 行删除
images/noDataIcon.jpg
已删除
100644 → 0
33.1 KB
images/nodeclare_img.png
已删除
100644 → 0
39.2 KB
pages/lib/weui.wxss
已删除
100755 → 0
| 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 | -} |
| ... | ... | @@ -16,7 +16,7 @@ |
| 16 | 16 | <view class="swiper-box page" style="height:100%;margin-top:20rpx" bindchange="bindChange"> |
| 17 | 17 | <view wx:if="{{currentTab==0}}"> |
| 18 | 18 | <view wx:if="{{hascompleted_tax&&taxDatas.length<1}}" style='background:#fff;width:100%; align-items: center;'> |
| 19 | - <image style='width:418rpx;height:254rpx;margin: 0 auto;padding-top:300rpx; display: block;' mode="aspectFit" src='/images/noDataIcon.jpg'></image> | |
| 19 | + <image style='width:418rpx;height:254rpx;margin: 0 auto;padding-top:300rpx; display: block;' mode="aspectFit" src='/images/nodata.png'></image> | |
| 20 | 20 | <view style='width:100%; font-family: PingFang-SC-Medium;font-size: 14px;color: #999999;letter-spacing: 0;text-align: center;'>还没有企业为您申报个税哦~</view> |
| 21 | 21 | </view> |
| 22 | 22 | <view wx:for="{{taxDatas}}" style='margin-bottom:20rpx'> |
| ... | ... | @@ -35,7 +35,7 @@ |
| 35 | 35 | </view> |
| 36 | 36 | <view wx:else> <!-- 工资明细 --> |
| 37 | 37 | <view wx:if="{{hascompleted_sal&&salaryDatas.length<1}}" style='background:#fff;'> |
| 38 | - <image style='width:418rpx;height:254rpx;margin: 0 auto;padding-top:300rpx; display: block;' mode="aspectFit" src='/images/noDataIcon.jpg'></image> | |
| 38 | + <image style='width:418rpx;height:254rpx;margin: 0 auto;padding-top:300rpx; display: block;' mode="aspectFit" src='/images/nodata.png'></image> | |
| 39 | 39 | <view style='width:100%; font-family: PingFang-SC-Medium;font-size: 14px;color: #999999;letter-spacing: 0;text-align: center;'>您还没有工资条哦~</view> |
| 40 | 40 | </view> |
| 41 | 41 | <view wx:for="{{salaryDatas}}" style='margin-bottom:20rpx'> | ... | ... |
| ... | ... | @@ -210,15 +210,13 @@ Page({ |
| 210 | 210 | |
| 211 | 211 | gonext: function () { |
| 212 | 212 | if (this.data.already_getdata) { |
| 213 | - //请求数据 | |
| 213 | + //提交数据 | |
| 214 | 214 | wx.navigateTo({ |
| 215 | - url: 'verify_result/verify_result', | |
| 215 | + url: '../verify_result/verify_result?result=succ', | |
| 216 | 216 | }) |
| 217 | 217 | } else { |
| 218 | - wx.showModal({ | |
| 219 | - showCancel: false, | |
| 220 | - title: '', | |
| 221 | - content: "未能获取到信息,不能保存", | |
| 218 | + wx.navigateTo({ | |
| 219 | + url: '../verify_result/verify_result?result=fail', | |
| 222 | 220 | }) |
| 223 | 221 | } |
| 224 | 222 | }, | ... | ... |
| 1 | 1 | <view class='page'> |
| 2 | - | |
| 3 | - <view style='display:flex;flex-direction:row;background:#fff'> | |
| 4 | - <!--左边 身份信息 --> | |
| 5 | - <view style='margin:40rpx 0 30rpx 130rpx'> | |
| 6 | - <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> | |
| 7 | - <image style='margin-left:30rpx; width: 24px;height: 24px' src='/images/step_first_blue.png'></image> | |
| 8 | - <view style='background:#357aeb;width:90px;height:4rpx;align-self:center;'></view> | |
| 2 | + <scroll-view scroll-y style="padding-bottom:180rpx;"> | |
| 3 | + <view style='display:flex;flex-direction:row;background:#fff'> | |
| 4 | + <!--左边 身份信息 --> | |
| 5 | + <view style='margin:40rpx 0 30rpx 130rpx'> | |
| 6 | + <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> | |
| 7 | + <image style='margin-left:30rpx; width: 24px;height: 24px' src='/images/step_first_blue.png'></image> | |
| 8 | + <view style='background:#357aeb;width:90px;height:4rpx;align-self:center;'></view> | |
| 9 | + </view> | |
| 10 | + <view style='font-size: 17px;color: #000;margin-top:16rpx'>身份信息</view> | |
| 9 | 11 | </view> |
| 10 | - <view style='font-size: 17px;color: #000;margin-top:16rpx'>身份信息</view> | |
| 11 | - </view> | |
| 12 | - <!--右边 上传证件照 --> | |
| 13 | - <view style='margin:40rpx 100rpx 30rpx 0'> | |
| 14 | - <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> | |
| 15 | - <view style='background:#357aeb;width:90px;height:4rpx;align-self:center;'></view> | |
| 16 | - <image style='margin-right:30rpx; width: 24px;height: 24px' src='/images/step_second_blue.png'></image> | |
| 12 | + <!--右边 上传证件照 --> | |
| 13 | + <view style='margin:40rpx 100rpx 30rpx 0'> | |
| 14 | + <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> | |
| 15 | + <view style='background:#357aeb;width:90px;height:4rpx;align-self:center;'></view> | |
| 16 | + <image style='margin-right:30rpx; width: 24px;height: 24px' src='/images/step_second_blue.png'></image> | |
| 17 | + </view> | |
| 18 | + <view style='font-size: 17px;color: #000;margin-top:16rpx;text-align:right'>上传证件照</view> | |
| 17 | 19 | </view> |
| 18 | - <view style='font-size: 17px;color: #000;margin-top:16rpx;text-align:right'>上传证件照</view> | |
| 19 | 20 | </view> |
| 20 | - </view> | |
| 21 | - | |
| 22 | - <view class='id_background' bindtap="chooseImage" id='id_face'> | |
| 23 | - <image class='id_image_wrap' src="{{facepath?facepath:'/images/id_face.png'}}"></image> | |
| 24 | - </view> | |
| 25 | - <view class='id_background' bindtap="chooseImage" id='id_back'> | |
| 26 | - <image class='id_image_wrap' src="{{backpath?backpath:'/images/id_back.png'}}"></image> | |
| 27 | - </view> | |
| 28 | 21 | |
| 29 | - <view style='background-color:#fff;padding:0 32rpx ;'> | |
| 30 | - <view class='item_body'> | |
| 31 | - <text class='text_666_28 float_left'>签发机关</text> | |
| 32 | - <text class='text_333_28 float_right'>{{idInfo.issued_by}}</text> | |
| 22 | + <view class='id_background' bindtap="chooseImage" id='id_face'> | |
| 23 | + <image class='id_image_wrap' src="{{facepath?facepath:'/images/id_face.png'}}"></image> | |
| 33 | 24 | </view> |
| 34 | - <view class="divide_line"></view> | |
| 35 | - <view class='item_body'> | |
| 36 | - <text class='text_666_28 float_left'>有效期</text> | |
| 37 | - <text class='text_333_28 float_right'>{{idInfo.valid_date}}</text> | |
| 25 | + <view class='id_background' bindtap="chooseImage" id='id_back'> | |
| 26 | + <image class='id_image_wrap' src="{{backpath?backpath:'/images/id_back.png'}}"></image> | |
| 38 | 27 | </view> |
| 39 | - </view> | |
| 28 | + | |
| 29 | + <view style='background-color:#fff;padding:0 32rpx ;'> | |
| 30 | + <view class='item_body'> | |
| 31 | + <text class='text_666_28 float_left'>签发机关</text> | |
| 32 | + <text class='text_333_28 float_right'>{{idInfo.issued_by}}</text> | |
| 33 | + </view> | |
| 34 | + <view class="divide_line"></view> | |
| 35 | + <view class='item_body'> | |
| 36 | + <text class='text_666_28 float_left'>有效期</text> | |
| 37 | + <text class='text_333_28 float_right'>{{idInfo.valid_date}}</text> | |
| 38 | + </view> | |
| 39 | + </view> | |
| 40 | + </scroll-view> | |
| 40 | 41 | |
| 41 | 42 | <view class='bottom_btn_wrap'> |
| 42 | 43 | <view class='btn_blue_radius' bindtap="gonext"> | ... | ... |
| 1 | 1 | // pages/main/verify/verify_info.js |
| 2 | - | |
| 2 | +var format = require('../../../utils/util.js'); | |
| 3 | +const reg_18_Number = /^[0-9]{18}$/; | |
| 4 | +const reg_9_n_a = /^([a-zA-z]|[0-9]){9}$/; | |
| 5 | +const reg_15_n_a = /^([a-zA-z]|[0-9]){15}$/; | |
| 3 | 6 | Page({ |
| 4 | 7 | /** |
| 5 | 8 | * Page initial data |
| ... | ... | @@ -18,7 +21,8 @@ Page({ |
| 18 | 21 | ], |
| 19 | 22 | cardTypeArray: ['中国护照', '港澳居民来往内地通行证', '港澳居民居住证', '台湾居民来往大陆通行证', '台湾居民居住证', '外国护照', '外国人永久居留身份证', '外国人工作许可证(A类)', '外国人工作许可证(B类)', '外国人工作许可证(C类)'], |
| 20 | 23 | cardtype: "", |
| 21 | - card_number:"" | |
| 24 | + card_number:"", | |
| 25 | + name:"", | |
| 22 | 26 | }, |
| 23 | 27 | |
| 24 | 28 | /** |
| ... | ... | @@ -50,11 +54,6 @@ Page({ |
| 50 | 54 | console.log("bindCardtypeChange", e) |
| 51 | 55 | var cardTypeArray = this.data.cardTypeArray |
| 52 | 56 | var new_type = cardTypeArray[e.detail.value] //['name'] |
| 53 | - if ((new_type.indexOf('外国人') != -1) && (selected.indexOf('外国人') != -1)) { | |
| 54 | - console.log('外国人', new_type, selected) | |
| 55 | - } else { | |
| 56 | - | |
| 57 | - } | |
| 58 | 57 | this.setData({ |
| 59 | 58 | cardtype: new_type |
| 60 | 59 | }) |
| ... | ... | @@ -65,65 +64,101 @@ Page({ |
| 65 | 64 | this.setData({ |
| 66 | 65 | card_number: idCardNo |
| 67 | 66 | }) |
| 68 | - if (e.detail.value.length == 18) { | |
| 69 | - if (!this.data.is_foreigner && !format.isIDCardNum(idCardNo)) { | |
| 70 | - this.showtoast('证照号码有误'); | |
| 71 | - return; | |
| 67 | + }, | |
| 68 | + | |
| 69 | + nameInput: function (e) { | |
| 70 | + this.setData({ | |
| 71 | + name: e.detail.value | |
| 72 | + }) | |
| 73 | + }, | |
| 74 | + | |
| 75 | + dealCardType: function () {//提交前验证输入的内容规则 | |
| 76 | + | |
| 77 | + }, | |
| 78 | + | |
| 79 | + gonext: function () { | |
| 80 | + //校验证照类型,证照号码,姓名 | |
| 81 | + var type = this.data.cardtype; | |
| 82 | + var idCardNo = this.data.card_number; | |
| 83 | + var name = this.data.name.replace(/(^\s*)|(\s*$)/g, ""); | |
| 84 | + var regname_c = /^[\u4E00-\u9FA5\uf900-\ufa2d·s]{2,30}$/; //中文 | |
| 85 | + var regname_e = /^[A-Za-z][A-Za-z\s]*[A-Za-z]$/; //英文 | |
| 86 | + console.log('cardtype', type) | |
| 87 | + if (this.data.is_foreigner == 'true') {//非身份证 | |
| 88 | + if (type.length < 1) { | |
| 89 | + this.showtoast('请选择证照类型'); | |
| 90 | + return | |
| 91 | + } | |
| 92 | + if (name.length < 1) { | |
| 93 | + this.showtoast('请输入姓名'); | |
| 94 | + return | |
| 95 | + } | |
| 96 | + //todo 需要跟喜文确认 中英文姓名规则 | |
| 97 | + name = name.replace(/(^\s*)|(\s*$)/g, ""); | |
| 98 | + if (type.indexOf('中国护照') > -1) { | |
| 99 | + if (!regname_c.test(name)) { | |
| 100 | + this.showtoast('请输入正确的中文名'); | |
| 101 | + return | |
| 102 | + } | |
| 103 | + } else if (!regname_e.test(name)) { | |
| 104 | + this.showtoast('请输入正确的英文名'); | |
| 105 | + return | |
| 72 | 106 | } |
| 73 | - if (this.data.cardtypeData.selected.indexOf('居住证') > -1 && !reg_18_Number.test(idCardNo)) { | |
| 107 | + if (idCardNo.length < 1) { | |
| 108 | + this.showtoast('请填写证照号码'); | |
| 109 | + return | |
| 110 | + } | |
| 111 | + if (type.indexOf('居住证') > -1 && !reg_18_Number.test(idCardNo)) { | |
| 74 | 112 | this.showtoast('证照号码有误'); |
| 75 | 113 | return |
| 76 | 114 | } |
| 77 | - } | |
| 78 | - if (e.detail.value.length == 9) { | |
| 79 | - if (this.data.cardtypeData.selected.indexOf('中国护照') > -1 && !reg_9_n_a.test(idCardNo)) { | |
| 115 | + if (type.indexOf('中国护照') > -1 && !reg_9_n_a.test(idCardNo)) { | |
| 80 | 116 | this.showtoast('证照号码有误'); |
| 81 | 117 | return |
| 82 | 118 | } |
| 83 | - } | |
| 84 | - if (e.detail.value.length == 15) { | |
| 85 | - if (this.data.cardtypeData.selected.indexOf('永久居留') > -1 && !reg_15_n_a.test(idCardNo)) { | |
| 119 | + if (type.indexOf('永久居留') > -1 && !reg_15_n_a.test(idCardNo)) { | |
| 86 | 120 | this.showtoast('证照号码有误'); |
| 87 | 121 | return |
| 88 | 122 | } |
| 89 | - } | |
| 90 | - }, | |
| 91 | - | |
| 92 | - dealCardType: function () { | |
| 93 | - //证照类型不一样,对应的姓名证照号码验证规则也不一样 | |
| 94 | - var type = this.data.cardtype; | |
| 95 | - console.log('cardtype', type) | |
| 96 | - var idCardNo = this.data.card_number; | |
| 97 | - if (type.indexOf('居住证') > -1 && !reg_18_Number.test(idCardNo)) { | |
| 98 | - this.showtoast('证照号码有误'); | |
| 99 | - return | |
| 100 | - } | |
| 101 | - if (type.indexOf('中国护照') > -1 && !reg_9_n_a.test(idCardNo)) { | |
| 102 | - this.showtoast('证照号码有误'); | |
| 103 | - return | |
| 104 | - } | |
| 105 | - if (type.indexOf('永久居留') > -1 && !reg_15_n_a.test(idCardNo)) { | |
| 106 | - this.showtoast('证照号码有误'); | |
| 107 | - return | |
| 108 | - } | |
| 109 | - }, | |
| 110 | - | |
| 111 | - gonext: function () { | |
| 112 | - if (this.data.is_foreigner=='true') { | |
| 113 | - this.dealCardType() | |
| 123 | + //TODO 请求数据,上传用户身份信息 | |
| 114 | 124 | wx.showToast({ |
| 115 | 125 | title: '提交成功', |
| 116 | 126 | icon: "none", |
| 117 | 127 | duration: 2000 |
| 118 | 128 | }) |
| 119 | 129 | wx.navigateBack({}) |
| 120 | - } else { | |
| 130 | + } else {//身份证 | |
| 131 | + if (name.length < 1) { | |
| 132 | + this.showtoast('请输入姓名'); | |
| 133 | + return | |
| 134 | + } | |
| 135 | + if (!regname_c.test(name)) { | |
| 136 | + this.showtoast('请输入正确的姓名'); | |
| 137 | + return | |
| 138 | + } | |
| 139 | + if (idCardNo.length < 1) { | |
| 140 | + this.showtoast('请填写证照号码'); | |
| 141 | + return | |
| 142 | + } | |
| 143 | + if (!format.isIDCardNum(idCardNo)) { | |
| 144 | + this.showtoast('证照号码有误'); | |
| 145 | + return; | |
| 146 | + } | |
| 121 | 147 | wx.navigateTo({ |
| 122 | 148 | url: 'verify_idcard/verify_idcard', |
| 123 | 149 | }) |
| 124 | 150 | } |
| 125 | 151 | }, |
| 126 | 152 | |
| 153 | + showtoast: function (title) { | |
| 154 | + wx.showToast({ | |
| 155 | + title: title, | |
| 156 | + duration: 2000, | |
| 157 | + icon: 'none' | |
| 158 | + // image: '/images/error.png' | |
| 159 | + }) | |
| 160 | + }, | |
| 161 | + | |
| 127 | 162 | /** |
| 128 | 163 | * Lifecycle function--Called when page hide |
| 129 | 164 | */ | ... | ... |
| 1 | - | |
| 2 | 1 | <view class='page'> |
| 3 | 2 | <view style='background:#FDFBEA;height:96rpx;width:100%;text-align:center'> |
| 4 | 3 | <text style='font-size:30rpx;color:#E47C4A;font-family:PingFang-SC-Medium;line-height:96rpx'>为了您的账户安全,请先完成实名认证</text> |
| 5 | 4 | </view> |
| 6 | 5 | |
| 7 | 6 | <view hidden="{{is_foreigner=='true'}}"> |
| 8 | - <view style='display:flex;flex-direction:row;'> | |
| 7 | + <view style='display:flex;flex-direction:row;background:#fff'> | |
| 9 | 8 | <!--左边 身份信息 --> |
| 10 | 9 | <view style='margin:40rpx 0 30rpx 130rpx'> |
| 11 | 10 | <view style='display:flex;flex-direction:row;height:48rpx;width:100%;'> |
| ... | ... | @@ -25,7 +24,7 @@ |
| 25 | 24 | </view> |
| 26 | 25 | </view> |
| 27 | 26 | |
| 28 | - <view style='width: 100%;height: auto;flex-direction: column;display: flex;'> | |
| 27 | + <view style='flex-direction: column;display: flex;background:#fff'> | |
| 29 | 28 | <view hidden="{{is_foreigner=='false'}}"> |
| 30 | 29 | <picker bindchange="bindCardtypeChange" value="{{index}}" range="{{cardTypeArray}}"> |
| 31 | 30 | <view style='height:90rpx;padding:0 30rpx '> |
| ... | ... | @@ -40,14 +39,18 @@ |
| 40 | 39 | |
| 41 | 40 | <view style='padding-left: 30rpx;padding-right: 30rpx;'> |
| 42 | 41 | <text class='text_777_30 float_left' style='line-height: 90rpx'>姓名</text> |
| 43 | - <input class='input_wrap' placeholder='请输入您的真实姓名' name='person_name' value='{{name}}' placeholder-class='text_999_30' maxlength='15' bindinput='nameInput'></input> | |
| 42 | + <input class='input_wrap' placeholder='请输入您的真实姓名' value='{{name}}' placeholder-class='text_999_30' maxlength='15' bindinput='nameInput'></input> | |
| 44 | 43 | </view> |
| 45 | 44 | <view class="divide_line_30"></view> |
| 46 | 45 | |
| 47 | 46 | <view style='padding-left: 30rpx;padding-right: 30rpx;'> |
| 48 | 47 | <text class='text_777_30 float_left' style='line-height: 90rpx'>身份证件号码</text> |
| 49 | - | |
| 50 | - <input class='input_wrap' placeholder='请输入您的身份证号码' placeholder-class='text_999_30' name='id_card_no' maxlength='18' bindinput = 'bindinputcardnum'type='idcard'></input> | |
| 48 | + <view wx:if="{{is_foreigner=='false'}}"> | |
| 49 | + <input class='input_wrap' placeholder='请输入您的身份证号码' placeholder-class='text_999_30' name='id_card_no' maxlength='18' value='{{card_number}}' bindinput="bindinputcardnum" type='idcard'></input> | |
| 50 | + </view> | |
| 51 | + <view wx:else> | |
| 52 | + <input class='input_wrap' placeholder='请输入您的证件号码' placeholder-class='text_999_30' name='id_card_no' maxlength='20' value='{{card_number}}' bindinput="bindinputcardnum" ></input> | |
| 53 | + </view> | |
| 51 | 54 | </view> |
| 52 | 55 | </view> |
| 53 | 56 | ... | ... |
| ... | ... | @@ -6,6 +6,7 @@ Page({ |
| 6 | 6 | */ |
| 7 | 7 | data: { |
| 8 | 8 | verify_img:"/images/verify_succ.png", |
| 9 | + verify_status:"succ", | |
| 9 | 10 | verify_tip:"恭喜您!认证成功", |
| 10 | 11 | btn_text:"完成" |
| 11 | 12 | }, |
| ... | ... | @@ -14,7 +15,22 @@ Page({ |
| 14 | 15 | * Lifecycle function--Called when page load |
| 15 | 16 | */ |
| 16 | 17 | onLoad: function (options) { |
| 17 | - | |
| 18 | + console.log("options", options) | |
| 19 | + if('succ'==options.result){ | |
| 20 | + this.setData({ | |
| 21 | + verify_img: "/images/verify_succ.png", | |
| 22 | + verify_status: "succ", | |
| 23 | + verify_tip: "恭喜您!认证成功", | |
| 24 | + btn_text: "完成" | |
| 25 | + }) | |
| 26 | + }else if('fail'==options.result){ | |
| 27 | + this.setData({ | |
| 28 | + verify_img: "/images/verify_fail.png", | |
| 29 | + verify_status: "fail", | |
| 30 | + verify_tip: "对不起!认证失败", | |
| 31 | + btn_text: "重新认证" | |
| 32 | + }) | |
| 33 | + } | |
| 18 | 34 | }, |
| 19 | 35 | |
| 20 | 36 | /** |
| ... | ... | @@ -32,7 +48,13 @@ Page({ |
| 32 | 48 | }, |
| 33 | 49 | |
| 34 | 50 | done:function(){ |
| 35 | - | |
| 51 | + if('succ'==this.data.verify_status){ | |
| 52 | + wx.redirectTo({ | |
| 53 | + url: '../../guide/guide', | |
| 54 | + }) | |
| 55 | + }else{ | |
| 56 | + wx.navigateBack({}) | |
| 57 | + } | |
| 36 | 58 | }, |
| 37 | 59 | |
| 38 | 60 | /** | ... | ... |
请
注册
或
登录
后发表评论