<template>
    <cwg-match-media :max-width="991">
        <mp-html :content="props.richHtml" class="table-wrapper" scroll-table />
    </cwg-match-media>
    <cwg-match-media :min-width="991">
        <view v-html="props.richHtml" class="table-wrapper" />
    </cwg-match-media>
</template>

<script setup>
import mpHtml from '@/uni_modules/mp-html/components/mp-html/mp-html.vue'
const props = defineProps({
    // 富文本内容
    richHtml: {
        type: String,
        default: ''
    },
})
</script>

<style scoped lang="scss">
.table-wrapper :deep(table) {
    width: 100% !important;
}
</style>