小程序显示图片并且预览

	<view class="cont_list" style="padding: 20rpx 30rpx;">
					<view v-if="imgArr.length>0">
						<!-- <image v-for="(item,index) in imgArr" :key="index" class="img" :src="item"></image> -->
						<view class="u-page">
							<view class="u-demo-block">
								<view class="u-demo-block__content">
									<view class="album">
										<view class="album__content">
											<!-- rowCount每行展示图片数量，默认每行显示3个，如设置rowCount，singleSize和multipleSize将会无效 -->
											<u-album singleSize="80" multipleSize="80" space="8" rowCount="4" :urls="imgArr"></u-album>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view v-else style="padding: 30rpx 0;">暂无图片</view>
				</view>

 

				.cont_list {
					background: #FFFFFF;
					border-radius: 12rpx;
					margin-top: 20rpx;
					padding: 0 30rpx;
					font-weight: 400;
					font-size: 14px;
					color: #212121;
					line-height: 20px;
					text-align: left;
					font-style: normal;
					.cont_list_li {
						display: flex;
						justify-content: space-between;
						padding: 28rpx 0 24rpx;
						border-bottom: 2rpx solid #ddd;
						&:last-child {
							border-bottom: 0;
						}
						.li_fl {
							font-weight: 400;
							font-size: 14px;
							color: #212121;
						}
						.li_fr {
							font-weight: 500;
							font-size: 14px;
							color: #212121;
						}
					}
				}

 

export default {
		data() {
			return {

				imgArr: [],
            }
        },

		onLoad(option) {
			// console.log(option)
			if(option.intelligence1Image) {
				this.imgArr.push(option.intelligence1Image)
			}
			if(option.intelligence2Image) {
				this.imgArr.push(option.intelligence2Image)
			}
			if(option.intelligence3Image) {
				this.imgArr.push(option.intelligence3Image)
			}
			if(option.intelligence4Image) {
				this.imgArr.push(option.intelligence4Image)
			}
			// console.log(this.imgArr)
		},
}