ylrz_his_scrm_companyUI/src/components/H5/h5-text.vue

<template>
    <p :class="config.classText.join(' ')" :style="config.style">{{ config.content }}</p>
</template>

<script>
export default {
  name: "h5-text",
  props: {
    config: {
      type: Object,
      default: () => ({})
    }
  },
  created() {
    console.info('h5-text loaded:', this.config);
  }
};
</script>
<style src="./css/base.css"></style>
<style lang="scss" scoped>
p{
  white-space: pre-line;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.active{
  border-color: #02ff9b;
}
</style>