qingyiay
2023-07-17 17427143356e8a410552cb44120a02eb6eb35540
pages/public-page/messageDetails/messageDetails.vue
@@ -1,37 +1,67 @@
<template>
   <view>
      <combined-title title="消息详情"></combined-title>
      <u-parse :content="content" :lazyLoad="true" :selectable="true"></u-parse>
   <view class="main">
      <view class="main-title">
         {{title}}
      </view>
      <u-divider text="这是一条分割线"
         textColor="#2979ff"
         lineColor="#2979ff"
         textSize='20'></u-divider>
      <view class="main-content">
         <u-parse :content="content"
            :lazyLoad="true"
            :selectable="true"></u-parse>
      </view>
   </view>
</template>
<script>
export default {
   data() {
      return {
         index: '',
         detail: {},
         messageId: '',
         id: '',
         content: ''
      };
   },
   onLoad(v) {
      this.messageId = v.messageId;
      this.id = v.id;
   },
   onShow() {
      this.getDetail();
   },
   methods: {
      getDetail() {
         this.$reqGet('getMsgDetail', { messageId: this.messageId, id: this.id }).then(res => {
            this.detail = res.data;
            this.content = this.detail.content;
         });
   export default {
      data() {
         return {
            index: '',
            detail: {},
            messageId: '',
            id: '',
            content: '',
            title: ''
         };
      },
      onLoad(v) {
         this.messageId = v.messageId;
         this.id = v.id;
      },
      onShow() {
         this.getDetail();
      },
      methods: {
         getDetail() {
            this.$reqGet('getMsgDetail', { messageId: this.messageId, id: this.id }).then(res => {
               this.detail = res.data;
               this.content = this.detail.content;
               this.title = this.detail.title;
            });
         }
      }
   }
};
   };
</script>
<style></style>
<style lang="scss"
   scoped>
   @mixin flex {
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .main {
      width: 100%;
      height: 100%;
      .main-title,
      .main-content {
         width: 94%;
         margin: vww(10) auto;
      }
   }
</style>