noticeDetail.vue 839 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view>
  3. <view class="align-items" style="margin-top: 80rpx;">
  4. <back></back>
  5. <view class="title-text" style="margin-left: 20rpx;">
  6. 公告详情
  7. </view>
  8. </view>
  9. <view class="notice">
  10. <view class="justify-content">
  11. <view class="font-forty">
  12. {{title}}
  13. </view>
  14. <view class="font-twenty-eight gray">
  15. {{time}}
  16. </view>
  17. </view>
  18. <view class="font-thirty-two black" style="margin: 30rpx 0;">
  19. <rich-text :nodes="text"></rich-text>
  20. </view>
  21. </view>
  22. </view>
  23. </template>
  24. <script>
  25. export default {
  26. data() {
  27. return {
  28. text:'',
  29. title:'',
  30. time:''
  31. }
  32. },
  33. onLoad(e) {
  34. this.text = e.text;
  35. this.title = e.title;
  36. this.time = e.time;
  37. },
  38. methods: {
  39. }
  40. }
  41. </script>
  42. <style lang="scss" scoped>
  43. .notice {
  44. margin: 20rpx;
  45. padding: 20rpx;
  46. }
  47. </style>