增加用户绑定页面

qingyiay

2023-06-20 3f10299a92e23fd902e4bd51a6d59f9bf0c7d7ec

 pages/public-page/messageDetails/messageDetails.vue

@@ -1,7 +1,17 @@
<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>

@@ -13,7 +23,8 @@
         detail: {},
         messageId: '',
         id: '',
         content: ''
            content: '',
            title: ''
      };
   },
   onLoad(v) {
@@ -28,10 +39,29 @@
         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>