<template>
	<view class="tabs-content" :style="{ paddingBottom : `${props.paddingBottom || 0}rpx` }">
		<image :src="content" v-if="showType === 'image'" style="width: 100%" mode="widthFix"></image>
		<u-parse :html="content" :selectable="true" v-else></u-parse>
		课程简介-测试用，看能不能看到底部
	</view>
</template>

<script setup>
	import {
		ref,
		defineProps 
	} from 'vue'
	const props = defineProps({
	  paddingBottom: {
	    type: Number,
	    required: false,
		default: 10 
	  },
	  showType :{
		  type: String,
		  required: true,
		  default: "image"
	  },
	  content: {
		  type: String,
		  required: true,
		  default: ""
	  }
	});
	// const content = ref("<p>20名协会成员于10月15adhjshajdhsadsajdakshdjahjkd，骄傲的噶说的话吗，计划的哈手机号，很多看啥看，撒海空军的卡号是，按开机动画就撒开，安达市快点哈尽快，打火机客户打款，收获颇丰。此次活动增进了大家对科技前沿的认识。</p><img src='/static/notice/ditu.png' /><img src='/static/notice/ditu.png' /><img src='/static/notice/ditu.png' /><img src='/static/notice/ditu.png' />")
	
</script>

<style lang="scss" scoped>
	.tabs-content{
		padding-top: 10rpx;
		height: inherit;
		position: relative;
	}
</style>