dreamland/pages/dream/view/pic.vue

<template name="pic">
	<view class="cover">
		<image :src="item.pic" mode="widthFix" :class="['default', 'slide-image-'+item.type]"></image>
		<pos :item="item" :down="item.pic"></pos>
	</view>
</template>

<script>
import pos from "@/pages/dream/view/pos.vue";
export default {
	name: "pic",
	props: {
		config : {
			type : Object,
			value : null
		},
		item : {
			type    : Object,
			value	: null
		},
	},
	methods:{
		
	},
	components:{
		pos
	}
}
</script>

<style>
.cover{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.slide-image-1 {
  width: 750rpx;
  height: 1386rpx;
  display: block;
}
.slide-image-2 {
  width: 750rpx;
  height: 100%;
  display: block;
}
.slide-image-3 {
  width: 100%;
  height: 1386rpx;
  display: block;
}
.slide-image-4 {
  width: 100%;
  height: 100%;
  display: block;
}
.long-wrapper {
  position: relative;
}
</style>