<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.jpg' /><img src='/static/notice/ditu.jpg' /><img src='/static/notice/ditu.jpg' /><img src='/static/notice/ditu.jpg' />") </script> <style lang="scss" scoped> .tabs-content{ padding-top: 10rpx; height: inherit; position: relative; } </style>