newsDetailCh.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <view style="background-color: #fff">
  3. <uni-nav-bar status-bar=true fixed=true left-icon="arrowleft" :background-color="'#538BE7'" color="#ffffff" @clickLeft="navigateBack">
  4. <text slot="default" style="width:375upx;text-align: center; flex: 1; font-size: 18px; font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; ">
  5. {{meetingNewsDetail.title}}</text>
  6. <!-- 分享先隐藏 -->
  7. <!--<view class="navbar-right" slot="right">-->
  8. <!-- <view class="message-box right-item" @click="share">-->
  9. <!-- <u-icon name="share-fill" color="white" size="50"></u-icon>-->
  10. <!-- </view>-->
  11. <!--</view>-->
  12. </uni-nav-bar>
  13. <view class="news-container">
  14. <view class="">
  15. <view style="font-size: 36rpx;font-weight: 600;margin-bottom: 20rpx;text-align: center;">{{meetingNewsDetail.title}}</view>
  16. <view style="font-size: 20rpx;font-weight: 500;margin-bottom: 30rpx;text-align: center;">资料来源 : {{meetingNewsDetail.dataSource}}</view>
  17. <view class="newsdetail" v-html="meetingNewsDetail.urlDesc"></view>
  18. </view>
  19. </view>
  20. </view>
  21. </template>
  22. <script>
  23. export default{
  24. data(){
  25. return{
  26. meetingNewsDetail:{}
  27. }
  28. },
  29. methods:{
  30. navigateBack(){
  31. uni.navigateBack();
  32. },
  33. async getList(id){
  34. const res= await this.$myRequest({
  35. url: '/meeting/meetingOutInfos/getNewsDetail/',
  36. data: {
  37. id:id
  38. },
  39. header:{
  40. ANON:true
  41. }
  42. });
  43. console.log(res)
  44. // this.bannerData = []
  45. this.meetingNewsDetail = res.data
  46. },
  47. },
  48. onLoad(option) {
  49. // console.log("option.id", option.id)
  50. this.getList(option.id)
  51. },
  52. }
  53. </script>
  54. <style>
  55. .news-container{
  56. box-sizing: border-box;
  57. padding: 60upx 40upx 88upx;
  58. }
  59. /deep/ .newsdetail img{
  60. max-width: 100%;
  61. }
  62. </style>