<template>
  <view class="container">
    <view class="body">
      <rich-text :nodes="htmlContent"></rich-text>
    </view>
  </view>
</template>

<script >
export default {
  data() {
    return {
      htmlContent: '<h1>这是一个标题</h1><p>这是一个段落</p>'
    }
  }
}
</script>

<style scoped lang="scss">
.container {
  min-height: 100vh;
  background-color: #F7F8FA;
  overflow: hidden; // 解决margin塌陷问题
  .body{
    border-radius: 32rpx;
    padding: 32rpx;
    margin: 40rpx;
    background: #fff;
  }
}

</style>