product_wx/pages/subPackages/propertyNotice/detail.vue

<template>
    <div class="detailBody">
      <div class="detailBox">
        <div class="detailTitle">XXXXX南门出口道闸维修的通知</div>
        <div class="detailTime">2024-04-25  09:00</div>
        <div class="noticeTitle">这是通知内容</div>
        <!-- 这里用v-html-->
        <div class="noticeInfo">这是通知内容，这是通知内容，这是通知内容，这是通知内容，这是通知内容，这是通知内容这是通知内容，这是通知内容，这是通知内容，这是通知内容</div>
        <div class="file">
          附件：
          <span style="color: rgba(3, 101, 249, 1)">POOD.pdf</span>
        </div>
      </div>
    </div>
</template>

<script>
import { userNoticeAdd,getUserLocalStorageInfo } from "@/js_sdk/http";
export default {
  name: "detail",
  data(){
    return{
      getUserLocalStorageInfo: getUserLocalStorageInfo(),
    }
  },
  onLoad({type}){
    // console.log(JSON.parse(type))
    const item = JSON.parse(type)
    if(item.readStatus === '1'){
      userNoticeAdd({
        noticeId:item.id,
        userId:this.getUserLocalStorageInfo.userId,
        type:item.type
        }).then(res=>{

      })
    }
  }
}
</script>

<style lang="scss">
    .detailBody{
      .detailBox{
        margin-top: 24rpx;
        background: white;
        width: 100%;
        height: 1424rpx;
        padding: 32rpx;
        box-sizing: border-box;
        .detailTitle{
          font-size: 32rpx;
          color: rgba(34, 34, 34, 1);
        }
        .detailTime{
          font-size: 28rpx;
          color: rgba(136, 136, 136, 1);
          padding: 16rpx 0 24rpx 0;
          border-bottom: 1px solid rgba(230, 230, 230, 1);
        }
        .noticeTitle{
          color: rgba(51, 51, 51, 1);
          font-size: 28rpx;
          padding: 28rpx 0;
        }
        .noticeInfo{
          line-height: 38rpx;
          color: rgba(51, 51, 51, 1);
          font-size: 28rpx;
        }
        .file{
          padding: 32rpx 0;
          font-size: 28rpx;
          color: rgba(51, 51, 51, 1);
        }
      }
    }
</style>