<!-- Details.vue -->
<template>
	<view class="div show-iframe">
  <rich-text class="div mb-body" v-if="detailInfo.plateid_top && detailInfo.plate_top" :nodes='detailInfo.plate_top.storeplate_content'></rich-text>
		<view class="div" v-if="!mbBody.length">
			<view class="div mb-body" v-if="detailInfo.goods_body">
        <rich-text class="div" :nodes='detailInfo.goods_body'></rich-text>
			</view>
			<view class="div list-empty" v-else>
        <view class="div iconfont empty-icon">&#xe636;</view>
				<view class="p">本商品暂无详情</view>
			</view>
		</view>
		<view class="div mb-body" v-else>
			<view class="div" v-for="(item,index) in mbBody" :key="index">
				<view class="p" v-if="item.type=='text'">{{item.value}}</view>
				<image mode="widthFix" class="img" v-else :src="item.value">
			</view>
		</view>
    <rich-text class="div mb-body" v-if="detailInfo.plateid_bottom && detailInfo.plate_bottom" :nodes='detailInfo.plate_bottom.storeplate_content'></rich-text>
	</view>
</template>

<script>

export default {
  data () {
    return {}
  },
  computed: {
    getUrl: function () {
      return this.url
    }
  },
  props: ['mbBody', 'detailInfo'],
  methods: {}
}
</script>

<style lang="scss">

.list-empty {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
  .empty-icon{font-size:3rem;padding:1rem 0;color:#999}
	.p {
		color: #7c7f88;
		font-size:$subFontSize;
		padding: 0;
		margin: 0;
		font-weight: normal;
	}
}
.mb-body {font-size:$subFontSize;
	.img{width:100% !important}
}
</style>
