dreamland/pages/dream/view/vod.vue

<template name="vod">
	<view>
		<image :src="item.pic" mode='widthFix' class="slide-image" style="height:auto"/>
		<view class="ico-video-play" @click="location" data-page="dream/videoPlay" :data-save_video="item.video" :data-save_pic="item.pic"></view>
	</view>
</template>

<script>
export default {
	name: "vod",
	props: {
		control : {
			type : Object,
			value : null
		},
		item : {
			type    : Object,
			value	: null
		},
		index : 0
	},
}
</script>

<style>
.slide-image {
  width: 750rpx;
  height: 100%;
  display: block;
}
.ico-video-play{
  background: url(@/static/icon/ico-video-play.png) no-repeat;
  background-size: cover;
  width: 100rpx;
  height: 100rpx;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%,-50%,0);
}
</style>