提交

pages/talents/certificateUrl.vue

@@ -0,0 +1,65 @@
+<template>
+	<view class="content">
+		<z-nav-bar title="医生证书" bgColor="#5188e5" fontColor="#fff"></z-nav-bar>
+		<view class="url_block">
+			<view v-for="item in urlArr" :key="item" class="item_url">
+				<image mode="aspectFit"
+				  :src="item"
+				  @click="showImg(item)"
+				></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import $http from "@/config/requestConfig.js";
+export default {
+	data() {
+		return {
+			urlArr: []
+		}
+	},
+	onLoad(e) {
+		let data = JSON.parse(e.data);
+		let arr = data.flatMap(item =>
+		  item.certificateUrl.split(',').map(v => v)
+		);
+		this.urlArr = arr;
+	},
+	methods: {
+		//展示图片
+		showImg(item){
+			uni.previewImage({
+				urls: [item],
+				current: 0
+			});
+		}
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/static/mixin.scss';
+.url_block{
+	padding: 30rpx 30rpx 10rpx;
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
+}
+.item_url{
+	width: 48%;
+	background: rgba(216, 230, 255, 0.8);
+	border: 1rpx solid #d8e6ff;
+	margin-bottom: 20rpx;
+	margin-right: 20rpx;
+
+	image{
+		width: 100%;
+		height: 280rpx;
+	}
+}
+.item_url:nth-child(2n){
+	margin-right: 0;
+}
+</style>

pages/talents/detail.vue

@@ -33,7 +33,7 @@
 			<view class="taihu_common">
 				<text>太湖证书</text>
 				<view class="certificate-list" v-if="certificates.length>0">
-					<view class="list_block" v-for="(item,index) in displayedCertificates" :key="index" @click="showImg(item.certificateUrl)">
+					<view class="list_block" v-for="(item,index) in displayedCertificates" :key="index" @click="goToUrl(item.userCertificates)">
 						{{item.title}}
 					</view>
 
@@ -58,7 +58,7 @@ export default {
 			certificates: [],  //证书
 			status: false,
 			showAll: false,  //是否显示全部
-			defaultShowCount: 5  //默认显示条数
+			defaultShowCount: 6  //默认显示条数
 		}
 	},
 	computed: {
@@ -108,18 +108,15 @@ export default {
 			this.showAll = !this.showAll
 		},
 		//展示图片
-		showImg(data){
-			let url = '';
-			if(data){
-				url = data.split(',')[0];
-				uni.previewImage({
-					urls: [url],
-					current: 0
+		goToUrl(urlArr){
+			if(urlArr&&urlArr.length>0){
+				uni.navigateTo({
+					url: '/pages/talents/certificateUrl?data='+JSON.stringify(urlArr),
 				});
 			}else{
 				this.$commonJS.showToast("暂无证书图片");
 			}
-		}
+		},
 	},
 }
 </script>

pages/talents/index.vue

@@ -29,10 +29,10 @@ export default {
 	},
 	onLoad() {
 		uni.hideTabBar();
-		this.getData();
 	},
 	onShow() {
 		uni.removeStorageSync('homeParams');
+		this.getData();
 	},
 	methods: {
 		//获取数据