From fa651cdfda83fa5ccf98819059ea4b00f4c6af8a Mon Sep 17 00:00:00 2001
From: "SD-20230427NBFT\\Administrator" <609306725@qq.com>
Date: Wed, 31 Jul 2024 14:00:19 +0800
Subject: [PATCH] 111

---
 pages.json                               |   9 ++
 pagesA/merge/face_1.vue                  |   2 +-
 pagesA/merge/idcard.vue                  | 162 +++++++++++++++++++++++
 pagesA/merge/this.scss                   |  71 ++++++++++
 pagesA/photo/components/photo_header.vue |   8 +-
 static/img/common/idcard_1.png           | Bin 0 -> 1588 bytes
 6 files changed, 249 insertions(+), 3 deletions(-)
 create mode 100644 pagesA/merge/idcard.vue
 create mode 100644 static/img/common/idcard_1.png

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 @@
 
 
 				<view class="photo_main_face_4 photo_full_blue_btn" v-if="uploadFiles.length >=5" @tap="subFace()">
-					提交制作 0/30
+					提交制作
 				</view>
 
 				<view class="photo_main_face_5" v-if="errorFiles.length > 0">以下照片不合格，请重新上传</view>
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 @@
+<template>
+	<view>
+		<view class="content photo_back">
+			<custom_navbar :title="navbar_title" @getNavHeight="getNavHeight" :theme="theme" />
+			<view class="photo_main" :style="'margin-top:'+margin_top+'px'" style="width: 100%;margin-left: 0;">
+				<view class="idcard_1">
+					<image :src="selectedImg" />
+				</view>
+
+				<view class="idcard_2">
+					<view class="idcard_2_1">
+						<u-tabs :list="list1" lineWidth="30" lineColor="#5A8FFF" :activeStyle="{
+						              color: '#5A8FFF',
+						              fontWeight: 'bold',
+						              transform: 'scale(1.05)'
+						          }" :inactiveStyle="{
+						              color: '#999999',
+						              transform: 'scale(1)'
+						          }"></u-tabs>
+					</view>
+					
+					<view class="idcard_2_2">
+						<scroll-view class="idcard_2_2_1" 
+						enable-flex="true"
+						scroll-x="true"
+						scroll-with-animation="true">
+							<view style="overflow: hidden;" class="idcard_2_2_1_one" v-for="(item,key) in tem_list" :key="key" @tap="selectThis(key)">
+								<view class="idcard_2_2_1_one_1">
+									<image :src="item.url"/>
+								</view>
+								<view class="idcard_2_2_1_one_2" :style="key != selectedIndex ? 'display:none' : ''">
+									<view class="idcard_2_2_1_one_2_1">
+										<image src="/static/img/common/idcard_1.png"/>
+									</view>
+								</view>
+							</view>
+						</scroll-view>
+						 
+						
+					</view>
+				</view>
+			</view>
+
+
+
+		</view>
+
+
+
+	</view>
+</template>
+
+<script>
+	import custom_navbar from "../photo/components/photo_header.vue";
+	export default {
+		components: {
+			custom_navbar
+
+		},
+		data() {
+			return {
+				navbar_title: '二寸证件照',
+				theme: "white1",
+				margin_top: 10,
+				selectedImg:'',
+				selectedIndex:0,
+				list1: [{
+						id: 1,
+						name: '女装'
+					},
+					{
+						id: 2,
+						name: '男装'
+					},
+				],
+				tem_list: [{
+						id: 1,
+						url: '/static/img/index/banner.png'
+					},
+					{
+						id: 2,
+						url: 'https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/234494/2/24198/178409/66a8aad1F59feafc5/41e6871120f47687.jpg'
+					},
+					{
+						id: 3,
+						url: '/static/img/index/banner.png'
+					},
+					{
+						id: 4,
+						url: 'https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/234494/2/24198/178409/66a8aad1F59feafc5/41e6871120f47687.jpg'
+					},
+					{
+						id: 5,
+						url: '/static/img/index/banner.png'
+					},
+					{
+						id: 6,
+						url: 'https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/234494/2/24198/178409/66a8aad1F59feafc5/41e6871120f47687.jpg'
+					},
+					{
+						id: 7,
+						url: '/static/img/index/banner.png'
+					},
+					{
+						id: 8,
+						url: 'https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/234494/2/24198/178409/66a8aad1F59feafc5/41e6871120f47687.jpg'
+					},
+					{
+						id: 9,
+						url: '/static/img/index/banner.png'
+					},
+					{
+						id: 10,
+						url: 'https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/234494/2/24198/178409/66a8aad1F59feafc5/41e6871120f47687.jpg'
+					},
+					{
+						id: 11,
+						url: '/static/img/index/banner.png'
+					},
+					{
+						id: 12,
+						url: 'https://img14.360buyimg.com/jdcms/s460x460_jfs/t1/234494/2/24198/178409/66a8aad1F59feafc5/41e6871120f47687.jpg'
+					},
+				]
+
+			}
+		},
+
+		mounted() {
+
+		},
+		onLoad() {
+
+		},
+		onShow() {
+			
+		},
+
+
+		methods: {
+
+			getNavHeight(e) {
+				this.margin_top += e;
+			},
+			selectThis(index){
+				this.selectedImg = this.tem_list[index].url;
+				this.selectedIndex = index;
+			}
+
+
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import './this.scss';
+
+	.photo_back {
+		background-color: #F5F6FB;
+	}
+</style>
\ 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 0000000000000000000000000000000000000000..aa0d4d49ea3232a90af9a979b61d4875865ac000
GIT binary patch
literal 1588
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

literal 0
HcmV?d00001