From eec224c6dd2838abfc6be3fd9ac11368f7dfff41 Mon Sep 17 00:00:00 2001
From: songsong428 <srf428110@163.com>
Date: Tue, 10 Mar 2020 00:07:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8C=E7=BB=B4=E7=A0=81=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/components/home.vue | 43 +++++++++++++++++++++++++++------
 pages/index/components/mine.vue | 16 +++++++++++-
 2 files changed, 50 insertions(+), 9 deletions(-)

diff --git a/pages/index/components/home.vue b/pages/index/components/home.vue
index fac8112..53ea566 100644
--- a/pages/index/components/home.vue
+++ b/pages/index/components/home.vue
@@ -3,8 +3,10 @@
 		<view v-if="healthCode" style="position: relative;">
 			<image src="http://m.qpic.cn/psc?/V11kyB1O080aC1/cnQ2D7YjAZ5R6pY0fmc9joZ6fC6TxFlt9mW4UhUn2PEgUne7OUt4q4mNE.k9gU.rSr8Eu*pFToZoVwUOEGDrKMycDqdn1mLFGE1dxYTGUcE!/b&bo=7gKRAu4CkQIDWXw!&rf=viewer_4&t=5"
 			 class="bg1"></image>
-			<view class="bg-code">
-				<image class="healthy-code" :src="healthCode"></image>
+			<view class="bg-code" @click="getPreviewImg(healthCode)">
+				<view class="healthy-code-bg shadow-lg">
+					<image class="healthy-code" :src="healthCode"></image>
+				</view>
 			</view>
 		</view>
 		<image v-else src="http://m.qpic.cn/psc?/V11kyB1O080aC1/cnQ2D7YjAZ5R6pY0fmc9jhx9v1rh8VuBAojvYxrYvg*uVMAXaD2En3CPiaHx7AWMjFTafVrGxwJR4jZd5s4ProhQT1ceDVquyQR7HVquBKk!/b&bo=7gLuAe4C7gEDORw!&rf=viewer_4&t=5"
@@ -61,14 +63,27 @@
 </template>
 
 <script>
-	import { mapState } from 'vuex';
+	import {
+		mapState
+	} from 'vuex';
 	export default {
 		name: 'Home',
 		data() {
-			return {
-			}
+			return {}
 		},
-		computed: mapState('user', ['userInfo','healthCode']),
+		computed: mapState('user', ['userInfo', 'healthCode']),
+		methods: {
+			//预览图片
+			getPreviewImg(image) {
+				var imgArr = [];
+				imgArr.push(image);
+				uni.previewImage({
+					urls: imgArr,
+					current: imgArr[0]
+				});
+			},
+			
+		}
 	};
 </script>
 
@@ -88,12 +103,24 @@
 		width: 100%;
 		position: absolute;
 		top: 370rpx;
-
-		.healthy-code {
+		
+		.healthy-code-bg {
 			margin: 0 auto;
 			width: 230rpx;
 			height: 230rpx;
+			border-radius: 10px;
+			overflow: hidden;
+			background: $ghostWhite;
+			
+			.healthy-code {
+				margin: 5rpx;
+				width: 220rpx;
+				height: 220rpx;
+				border-radius: 10px;
+			}
 		}
+
+		
 	}
 
 	.box {
diff --git a/pages/index/components/mine.vue b/pages/index/components/mine.vue
index 8b6e12b..b267c5c 100644
--- a/pages/index/components/mine.vue
+++ b/pages/index/components/mine.vue
@@ -11,7 +11,7 @@
 					<!-- <view class="text-df padding-top-xs">{{ user.wxInfo.classes }}</view> -->
 				</view>
 
-				<image class="healthy-code" :src="healthCode"></image>
+				<image class="healthy-code" :src="healthCode" @tap="getPreviewImg(healthCode)"></image>
 			</view>
 		</view>
 		<view class="cu-card flex bg-white" v-else>
@@ -65,7 +65,21 @@
 				},
 			};
 		},
+		
 		computed: mapState('user', ['healthCode', 'user']),
+		
+		methods: {
+			//预览图片
+			getPreviewImg(image) {
+				var imgArr = [];
+				imgArr.push(image);
+				uni.previewImage({
+					urls: imgArr,
+					current: imgArr[0]
+				});
+			},
+			
+		}
 	};
 </script>