dreamland/pages/dream/view/dream.vue

<template name="dream">
	<!--文章-->
	<view v-if="item.type == 1">
		<news :item="item.data" :config="config"></news>
	</view>
	<!--普通图片-->
	<view v-else-if="item.type == 10">
		<pic :item="item.data" :config="config"></pic>
	</view>
	<!--多张图片-->
	<view v-else-if="item.type == 11">
		<swiper class="swiper" autoplay="false" vertical="true" interval="990000">
			<swiper-item v-for="(v, k) in item.data">
				<pic :item="v" :config="config"></pic>
			</swiper-item>
		</swiper>
	</view>
	
	<!--四宫格图片-->
	<view v-else-if="item.type == 12">
		<picGrid :item="item.data" :config="config"></picGrid>
	</view>
	
	<!--多张四宫格图片-->
	<view v-else-if="item.type == 13">
		<swiper class="swiper" autoplay="false" vertical="true" interval="990000">
			<swiper-item v-for="(v, k) in item.data">
				<picGrid :item="v" :config="config"></picGrid>
			</swiper-item>
		</swiper>
	</view>
	
	
	<!--视频-->
	<view v-else-if="item.type == 20">
		<swiper class="swiper" autoplay="false" vertical="true" interval="990000">
			<swiper-item v-for="(v, k) in item.data">
				<vod :item="v" :config="config"></vod>
			</swiper-item>
		</swiper>
	</view>
	<!--短视频-->
	<view v-else-if="item.type == 21">
		<vodShort :item="item.data" :config="config"></vodShort>
	</view>
	<!--留言视频-->
	<view v-else-if="item.type == 22">
		<vodComment :item="item.data" :config="config"></vodComment>
	</view>
	
	<!--单个链接-->
	<view v-else-if="item.type == 80">
		<linkView :item="item.data" :config="config"></linkView>
	</view>
	
	<!--单页面-->
	<view v-else-if="item.type == 82">
		<webView :item="item.data" :config="config"></webView>
	</view>
</template>

<script>
import news from "@/pages/dream/view/news.vue";
import pic from "@/pages/dream/view/pic.vue";
import picGrid from "@/pages/dream/view/picGrid.vue";
import vod from "@/pages/dream/view/vod.vue";
import vodComment from "@/pages/dream/view/vodComment.vue";
import vodShort from "@/pages/dream/view/vodShort.vue";
import linkView from "@/pages/dream/view/linkView.vue";
import webView from "@/pages/dream/view/webView.vue";
export default {
	name: "dream",
	props: {
		config : {
			type : Object,
			value : null
		},
		item : {
			type    : Object,
			value	: null
		},
	},
	methods:{
		stopFun : function(){return false;}
	},
	components:{
		news,pic,picGrid,vod,vodComment,vodShort,linkView,webView
	}
}
</script>

<style>
.swiper{
	width: 100vw;
	height: 100vh;	
	position: fixed;
	top: 0;
	left: 0;
}
</style>