<template>
	<div class="module-item-tuijian" :style="!module.base.m ? 'margin-top:0' : ''">
		<div class="item-tuijian-con">
			<moduleBg :base="module.base" />
			<moduleTwtit :title="module.title" v-if="module.title.s" />
			<!--样式一-->
			<div class="item-tuijian-style1" v-if="module.base.s == 0">
				<div class="item" v-for="(item,index) in module.list" @click="$util.openAttr(module.list,index)" :key="index">
					<p v-if="item.img"><image  mode="aspectFill" :src="item.img"  /></p>
					<p v-else><image  mode="aspectFill" :src="$util.icon('img.jpg')" alt=""></p>
					<div class="note" v-if="module.note.s"><moduleText :text="module.note" :name="item.m" /></div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
import moduleBg from './bg.vue';
import moduleText from './text.vue';
import moduleTwtit from './twtit.vue';
export default {
	props: ['module'],
	components: { moduleBg, moduleText, moduleTwtit},
	data() {
		return {};
	},
	mounted() {
			// console.log(this.module,"module")
	},
	watch:{
		module(value){
			// console.log(value,"value")
		}
	},
	methods: {
		
	}
};
</script>

<style>
	 .module-item-tuijian {
	  margin-top: 10px;
	  position: relative;
	}
	 .module-item-tuijian .mg0 {
	  margin-top: 0;
	}
	 .module-item-tuijian .item-tuijian-con {
	  position: relative;
	  overflow: hidden;
	}
	 .module-item-tuijian .item-tuijian-style1 {
	  position: relative;
	  z-index: 1;
	  padding: 10px 0;
	  overflow: hidden;
	}
	 .module-item-tuijian .item-tuijian-style1 .item {
	  margin: 0 10px;
	  margin-bottom: 10px;
	  position: relative;
	  overflow: hidden;
	}
	 .module-item-tuijian .item-tuijian-style1 .item image {
	  object-fit: cover;
	  display: block;
	  height: 150px;
	  width: 100%;
	}
	 .module-item-tuijian .item-tuijian-style1 .item .note {
	  line-height: 18px;
	  color: #fff;
	  background: rgba(0, 0, 0, 0.5);
	  position: absolute;
	  bottom: 0;
	  padding: 6px 10px;
	  width: 100%;
	}
</style>
