css

liukangdong

2024-06-25 ebc96a1cf0424c04dceacbc42f9ad2a897223be9

 h5/packagesMine/notificationDetails/notificationDetails.vue

@@ -1,62 +1,62 @@
<template>
   <view class="details">

      <view class="details_head">

         <text>{{info.title}}</text>

         <text>{{info.createDate}}</text>

      </view>
      <u-parse :content="content"></u-parse>
   </view>
</template>

<script>
   export default {
      data() {
         return {

            info: {},
            content:  ''
         };
      },

      onLoad(option) {

         this.$u.api.getNoticeDetail({ id: option.content })

            .then(res => {

               this.content = res.data.content

               this.info = res.data

            })

      }
   }
</script>
<template>

  <view class="details">

    <view class="details_head">

      <text>{{ info.title }}</text>

      <text>{{ info.createDate }}</text>

    </view>

    <u-parse :content="content"></u-parse>

  </view>

</template>



<script>

export default {

  data() {

    return {

      info: {},

      content: ''

    }

  },

  onLoad(option) {

    this.$u.api.getNoticeDetail({ id: option.content })

      .then(res => {

        this.content = res.data.content

        this.info = res.data

      })

  }

}

</script>



<style>

   page {

      background-color: #ffffff;

   }

page {

  background-color: #ffffff;

}

</style>


<style lang="scss">
   .details {

      width: 100%;

      padding: 30rpx;

      box-sizing: border-box;

      .details_head {

         width: 100%;

         display: flex;

         flex-direction: column;

         margin-bottom: 38rpx;

         text {

            &:first-child {

               font-size: 40rpx;

               font-family: PingFangSC-Medium, PingFang SC;

               font-weight: 500;

               color: #222222;

            }

            &:last-child {

               font-size: 26rpx;

               font-family: PingFangSC-Regular, PingFang SC;

               font-weight: 400;

               color: #999999;

               margin-top: 30rpx;

            }

         }

      }

   }
</style>


<style lang="scss">

.details {

  width: 100%;

  padding: 30rpx;

  box-sizing: border-box;

  .details_head {

    width: 100%;

    display: flex;

    flex-direction: column;

    margin-bottom: 38rpx;

    text {

      &:first-child {

        font-size: 40rpx;

        font-family: PingFangSC-Medium, PingFang SC;

        font-weight: 600;

        color: #222222;

      }

      &:last-child {

        font-size: 26rpx;

        font-family: PingFangSC-Regular, PingFang SC;

        font-weight: 400;

        color: #999999;

        margin-top: 30rpx;

      }

    }

  }

}

</style>