优化相片预览

components/creditCard.vue

@@ -20,7 +20,7 @@
 		</view>
 		<view class="image-box" v-if="isLogin && data.creditNo">
 			<view class="image-item-box">
-				<image class="photo" :src="data.headUrl" :key="data.headUrl"></image>
+				<image class="photo" :src="data.headUrl" :key="data.headUrl" @click="previewImage(data.headUrl)"></image>
 			</view>
 			<view class="image-item-box">
 				<view class="qrcode-box">
@@ -104,6 +104,9 @@
 	function onGuideClick() {
 		emit('guide')
 	}
+	function previewImage(url) {
+		emit('previewImage', url)
+	}
 </script>
 
 <style lang="scss" scoped>

pages/personalCenter/personalCenter.vue

@@ -60,7 +60,7 @@
 		</view>
 		<u-popup v-model="showCreditCard" mode="center">
 			<view class="certificate-preview-box">
-				<CreditCard :isLogin="isLogin" :size="`normal ${creditCard.isAgtNTAsst ? 'green' : creditCard.isAgtNT ? 'red' : 'blue'}`" :data="creditCard" @guide="onCreditZhiYin"></CreditCard>
+				<CreditCard :isLogin="isLogin" :size="`normal ${creditCard.isAgtNTAsst ? 'green' : creditCard.isAgtNT ? 'red' : 'blue'}`" :data="creditCard" @guide="onCreditZhiYin" @previewImage="onPreviewImage"></CreditCard>
 			</view>
 		</u-popup>
 		<view class="menu-box">
@@ -281,6 +281,13 @@
 			url: '/pages/zhiyin/zhiyin?title=信息信用卡指引'
 		})
 	}
+	function onPreviewImage(url) {
+		uni.previewImage({
+			current: 1,
+			urls: [url],
+			showmenu: false
+		})
+	}
 	// 中介认证点击
 	function onZhongJieRenZhengClick(valid) {
 		if (!isLogin.value) {