dev/dcp-app-gate/pages/cooperationExchange/cooperationExchangeList/cooperationActiveReview.vue

<template>
	<view class="rf-category activityIntroduction">
		<view style="margin-top: 20upx;margin-left: 20upx;margin-right: 20upx;">
			<!-- 活动回顾 -->
			<view class="" style="overflow: hidden;">
				<view v-html="activityInfo.activityReview"></view>
			</view>
			<!-- 精彩回顾 -->
			<view style="width: 100%;margin: 20upx 0upx;" v-if="Object.keys(photos).length != 0">
				<text class="enterprise_style_span" style="margin: 20upx;">{{i18n('WonderfulReview')}}</text>
				<view id="wrap">
					<view v-for="(item,index) in photos" :key="index + 2" style="margin:20upx 0upx 0upx 20upx;">
						<img :src="websiteUrl+item" alt="" style="width: 100%;height: 150px;" mode="aspectFit"
							v-if="item" />
						<img :src="websiteUrl+'/def/projectdefault.png'" alt="" mode="aspectFit"
							style="width: 100%;height: 150upx;" v-else />
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		name: "cooperationActiveReview",
		props: ['activityInfo', 'photos'],
		data() {
			return {

			}
		},
		watch: {
			"photos": function(val, oldVal) {
				console.log('new:', val, "oldVal", oldVal)
			},
		},
		methods: {
			i18n(data) {
				return this.$t('common.' + data);
			},
		}
	}
</script>
<style scoped lang="scss">
	// #wrap {
	// 	width: 100%;
	// 	// overflow: hidden;
	// 	// position: relative;
	// 	height: 500upx;
	// 	margin: 32upx;
	// }

	#img {
		width: 100%;
	}

	.activityIntroduction /deep/ img {
		max-width: 700upx !important;
	}

	/*.coo_box >>> img {*/
	/*    width: 100%;height: 100%;*/
	/*}*/

</style>