<!-- Details.vue -->
<template>
	<view class="div show-iframe">

		<view class="div list-empty" v-if="!detailInfo.pgoods_body">
			<view class="p">本商品暂无详情</view>
		</view>
    <rich-text class="div mb-body" v-else :nodes='detailInfo.pgoods_body'></rich-text>

	</view>
</template>

<script>
import { mapState } from 'vuex'
export default {
  data () {
    return {}
  },
  computed: mapState({
    detailInfo: state => state.pointsgoods.detailInfo

  }),
  methods: {}
}
</script>

<style lang="scss">
.show-iframe {
	height: 100%;
}

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