XinWen.vue 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <template>
  2. <view class="box">
  3. <u-navbar :autoBack="true" :title="list.title" bgColor="rgba(255,255,255,0)" :placeholder="true" titleStyle="font-weight:bold;color:#000000"></u-navbar>
  4. <view class="ban_box">
  5. <view class="kc_box">
  6. <u-parse :content="list.content"></u-parse>
  7. </view>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. let that;
  13. export default {
  14. data() {
  15. return {
  16. list: []
  17. };
  18. },
  19. onLoad(o) {
  20. that = this;
  21. this.getNewsNotice(o.id);
  22. },
  23. methods: {
  24. // 公告
  25. getNewsNotice(id) {
  26. this.$api.getNotice({ main_body_id: 1, id: id }, function (res) {
  27. if (res.code == 1) {
  28. that.list = res.data;
  29. // console.log(that.newsListTit,'新闻')
  30. }
  31. });
  32. }
  33. // getContentDetail(id) {
  34. // this.$api.getContentDetail({ main_body_id: 1, id: id }, function (res) {
  35. // console.log(res);
  36. // that.list = res.data;
  37. // });
  38. // }
  39. }
  40. };
  41. </script>
  42. <style>
  43. .box {
  44. min-height: 100%;
  45. height: auto;
  46. width: 100%;
  47. padding-bottom: 50rpx;
  48. background-image: url('https://huli-app.wenlvti.net/app_static/WenWuGuanJia/image/xbg_2.png');
  49. background-repeat: repeat-y;
  50. background-size: cover;
  51. background-size: 100% 100%;
  52. }
  53. .ban_box {
  54. width: 92%;
  55. margin: auto;
  56. margin-top: 20rpx;
  57. }
  58. .map_tit {
  59. display: flex;
  60. align-items: center;
  61. margin-left: 60rpx;
  62. margin-top: 40rpx;
  63. font-size: 40rpx;
  64. font-weight: 700;
  65. line-height: 52rpx;
  66. color: #444444;
  67. }
  68. .ban_item {
  69. display: flex;
  70. margin-top: 20rpx;
  71. font-size: 30rpx;
  72. }
  73. .kc_box {
  74. width: 92%;
  75. margin: auto;
  76. padding: 30upx;
  77. display: flex;
  78. align-items: center;
  79. margin-top: 30rpx;
  80. }
  81. .b-cover {
  82. width: 225rpx;
  83. height: 125rpx;
  84. }
  85. .text_25 {
  86. font-size: 26rpx;
  87. color: #727070;
  88. margin-top: 10rpx;
  89. font-weight: 400;
  90. }
  91. </style>