TonggaoView.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <view>
  3. <customNav :shownav="false" titledetl=""></customNav>
  4. <view class="content" style="margin-top: 30rpx;" v-for="(item,index) in noticeList">
  5. <view class="contentColumn" style="margin-bottom: 30rpx;">
  6. <view class="contentColumnC" style="width: 100%;margin-top: 20rpx;">
  7. <text class="timeNote" v-if="item.noticeType==2">{{$t('tonggao.gonggao')}}</text>
  8. <text class="timeNote" v-if="item.noticeType==1">{{$t('tonggao.tongzhi')}}</text>
  9. <text class="noteTitle">{{item.noticeTitle}}</text>
  10. <text class="timeNote" >{{item.createTime}}</text>
  11. </view>
  12. <view style="width: 94%;margin-left: 3%;font-size: 28rpx;">
  13. <rich-text :nodes="item.noticeContent"></rich-text>
  14. </view>
  15. <view class="contentInRowR">
  16. <text class="timeNote" style="padding-right: 20rpx;margin-top: 10rpx;">{{item.remark}}</text>
  17. </view>
  18. </view>
  19. </view>
  20. <view style="height: 40rpx;"></view>
  21. </view>
  22. </template>
  23. <script>
  24. import api from "@/pages/api/api.js"
  25. export default {
  26. data() {
  27. return {
  28. noticeList:[]
  29. }
  30. },
  31. onShow() {
  32. this.onGetnoticelist();
  33. },
  34. methods: {
  35. onGetnoticelist(){
  36. api('getnoticelist',
  37. {},
  38. res=>{
  39. console.log(res)
  40. if(res.data.code){
  41. this.noticeList=res.data.rows;
  42. }
  43. },failc=>{
  44. //console.log('getadvertis----',failc)
  45. })
  46. }
  47. }
  48. }
  49. </script>
  50. <style>
  51. .noteTitle{
  52. font-size: 30rpx;
  53. font-weight: bold;
  54. }
  55. .timeNote{
  56. font-size: 26rpx;
  57. }
  58. </style>