diff --git a/pages.json b/pages.json index d19f261..d2e9b1e 100644 --- a/pages.json +++ b/pages.json @@ -139,8 +139,17 @@ "navigationBarTitleText" : "上传图片", "navigationStyle": "custom" } + }, + { + "path" : "merge/idcard", + "style" : + { + "navigationBarTitleText" : "二寸证件照", + "navigationStyle": "custom" + } } + ] }], "globalStyle": { diff --git a/pagesA/merge/face_1.vue b/pagesA/merge/face_1.vue index a304408..5278ae8 100644 --- a/pagesA/merge/face_1.vue +++ b/pagesA/merge/face_1.vue @@ -47,7 +47,7 @@ - 提交制作 0/30 + 提交制作 以下照片不合格,请重新上传 diff --git a/pagesA/merge/idcard.vue b/pagesA/merge/idcard.vue new file mode 100644 index 0000000..b41287a --- /dev/null +++ b/pagesA/merge/idcard.vue @@ -0,0 +1,162 @@ + + + + + \ No newline at end of file diff --git a/pagesA/merge/this.scss b/pagesA/merge/this.scss index 75cc17b..e57b2b5 100644 --- a/pagesA/merge/this.scss +++ b/pagesA/merge/this.scss @@ -230,4 +230,75 @@ image{ +} + + +// ----------------idcard +.idcard_1{ + width: 516rpx; + height: 720rpx; + margin: 100rpx auto; + +} + +.idcard_2{ + width: 100%; + background-color: #fff; + border-top-left-radius: 24rpx; + border-top-right-radius: 24rpx; + + + .idcard_2_1{ + overflow: hidden; + margin: 40rpx auto; + margin-left: 20rpx; + } + + .idcard_2_2{ + width: 725rpx; + height: 120rpx; + margin-left: 24rpx; + + .idcard_2_2_1{ + width: 100%; + height: 100%; + white-space: nowrap; + .idcard_2_2_1_one{ + width: 104rpx; + height: 120rpx; + border-radius: 8rpx; + margin-right: 20rpx; + + display: inline-block; + + .idcard_2_2_1_one_1{ + width: 100%; + height: 100%; + border-radius: 8rpx; + image{ + border-radius: 8rpx; + } + } + + .idcard_2_2_1_one_2{ + + margin-top: -120rpx; + margin-left: 0rpx; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + position: relative; + // opacity: 0.5; + display: flex; + justify-content: center; + align-items: center; + border-radius: 8rpx; + .idcard_2_2_1_one_2_1{ + width: 40rpx; + height: 40rpx; + } + } + } + } + } } \ No newline at end of file diff --git a/pagesA/photo/components/photo_header.vue b/pagesA/photo/components/photo_header.vue index 2a0df17..abdce71 100644 --- a/pagesA/photo/components/photo_header.vue +++ b/pagesA/photo/components/photo_header.vue @@ -45,7 +45,9 @@ export default { case 'white': this.thisBack = '#E3E8FE'; break; - + case 'white1': + this.thisBack = '#fff'; + break; default : this.thisBack = 'transparent'; @@ -65,7 +67,9 @@ export default { case 'white': this.thisBack = '#E3E8FE'; break; - + case 'white1': + this.thisBack = '#fff'; + break; default : this.thisBack = 'transparent'; diff --git a/static/img/common/idcard_1.png b/static/img/common/idcard_1.png new file mode 100644 index 0000000..aa0d4d4 Binary files /dev/null and b/static/img/common/idcard_1.png differ