newsDetailEn.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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.titleEn}}</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.titleEn}}</view>
  16. <view style="font-size: 20rpx;font-weight: 500;margin-bottom: 30rpx;text-align: center;">Source : {{meetingNewsDetail.dataSourceEn}}</view>
  17. <view class="newsdetail" v-html="meetingNewsDetail.urlDescEn"></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. // console.log(opt)
  46. this.meetingNewsDetail = res.data
  47. console.log('newsdetail======',this.meetingNewsDetail)
  48. },
  49. },
  50. onLoad(option) {
  51. // console.log("option.id", option.id)
  52. this.getList(option.id)
  53. },
  54. }
  55. </script>
  56. <style>
  57. .news-container{
  58. box-sizing: border-box;
  59. padding: 60upx 40upx 88upx;
  60. }
  61. /deep/ .newsdetail img{
  62. max-width: 100%;
  63. }
  64. </style>