gaoyixia-pc/src/components/module/detail-desc.vue

<template>
  <el-dialog
    v-if="visible"
    :title="title"
    width="30rem"
    :visible.sync="visible"
    :before-close="(_) => $emit('visible', false)"
  >
    <pre style="white-space: pre-wrap" v-if="type == 'value'">{{
      content
    }}</pre>
    <div v-if="type == 'html'" v-html="content"></div>
  </el-dialog>
</template>

<script>
export default {
  name: "DetailDesc",
  props: {
    content: {
      type: String,
    },
    visible: {
      type: Boolean,
    },
    type: {
      type: String,
      default: "value",
    },
    title: {
      type: String,
      default: "简介",
    },
  },
  model: {
    prop: "visible",
    event: "visible",
  },
};
</script>

<style lang="scss" scoped>
/deep/ .el-dialog__body {
  padding: 0 30px 20px;
}
</style>