<template>
	<view style="background-color: #fff">
		<uni-nav-bar status-bar=true fixed=true left-icon="arrowleft" :background-color="'#538BE7'" color="#ffffff" @clickLeft="navigateBack">
			<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;   ">
				{{meetingNewsDetail.titleEn}}</text>
			<!-- 分享先隐藏 -->
			<!--<view class="navbar-right"  slot="right">-->
			<!--	<view class="message-box right-item" @click="share">-->
			<!--		<u-icon  name="share-fill" color="white" size="50"></u-icon>-->
			<!--	</view>-->
			<!--</view>-->
		</uni-nav-bar>
		<view class="news-container">
			<view class="">
				<view style="font-size: 36rpx;font-weight: 600;margin-bottom: 20rpx;text-align: center;">{{meetingNewsDetail.titleEn}}</view>
				<view style="font-size: 20rpx;font-weight: 500;margin-bottom: 30rpx;text-align: center;">Source : {{meetingNewsDetail.dataSourceEn}}</view>
				<view class="newsdetail" v-html="meetingNewsDetail.urlDescEn"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				meetingNewsDetail:{}
			}
		},
		methods:{
			navigateBack(){
				uni.navigateBack();
			},
			async getList(id){
			    const res= await this.$myRequest({
			     url: '/meeting/meetingOutInfos/getNewsDetail/',
				 data: {
				      id:id
				 },
				 header:{
				     ANON:true
				 }
			    });
				console.log(res)
				// this.bannerData = []  
				// console.log(opt)
			    this.meetingNewsDetail = res.data
				console.log('newsdetail======',this.meetingNewsDetail)
			},
		},
		onLoad(option) {
			// console.log("option.id", option.id)
			this.getList(option.id)
		},
	}
</script>

<style>
	.news-container{
		box-sizing: border-box;
		padding: 60upx 40upx 88upx;
	}
	/deep/ .newsdetail img{
		max-width: 100%;
	}
</style>
