<template>
  <view>
<!--    <rich-text :user-select="true" class="rich-text-style" :nodes="htmlNodes" style="width: 100%"></rich-text>-->
    <mp-html class="rich-text-style" :content="htmlNodes" selectable />
  </view>
</template>

<script>
import mpHtml from '@/components/mp-html/mp-html'
export default {
  props: {
    content: String
  },
  components: {
    mpHtml
  },
  watch: {
    content:function (value) {
      const that = this
      that.htmlNodes = value
    },
  },
  data() {
    return {
      htmlNodes: ''
    };
  },
  mounted() {},
  methods: {}
}
</script>

<style lang="scss">
.rich-text-style {
  font-size: $fontSize3;
  line-height: 1.5;
  * {
    font-size: $fontSize3 !important;
    line-height: 1.5 !important;
  }
    img {
      max-width: 100%;
      width: 100%;
    }
}
</style>
