kly_admin/src/views/About.vue

<template>
  <div class="divs" >
      <div v-if="image" style="text-align: center; width:100%"><img style="width:100%" :src="listpar.picurls" alt=""></div> 
      <div v-html="listpar.content"></div>


  </div>
</template>

<script>
import apiurl from "@/api/apiurl/apiurl.js"
export default {
  name: "newsinvite",
  data() {
    return {
      listpar:'',

      image:false
    };
  },

  created() {
   this.getSong()
  },

  methods: {
    //查询接口
    async getSong() {
      let res = await apiurl.entityDataHandles({
        bizCatalog:'AgreementEntity',
        handleMode:'fetch',
        bizId:this.$route.query.id
      });
      if (this.$common.verifyAjaxResult(res, false) == false) return;
      this.listpar = res.Result;

      this.image = this.$route.query.id =='3'
    },
  },
};


</script>

<style scoped>
.divs {
  
  text-align: left;
  width:90%;
  margin: 0 auto;
}
</style>