<template>
	<view class="">
		<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;   ">
				{{meetingViewpoint.speakGuestEn}} {{meetingViewpoint.positionEn}}</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>
		<!-- 顶部返回按钮 -->
		<!--<uni-icons type="arrowleft" size="30" class="iconsback" color="#fff" @click="navigateBack"></uni-icons>-->
		
		<!-- 图片 -->
		<view>
			<image :src="websiteUrl+meetingViewpoint.videoUrl" mode="" style="width: 100%;"></image>
		</view>
		
		<!-- 内容描述部分 -->
		<view class="content">
			<view style="font-size: 40rpx;font-weight: 700;margin-bottom: 20rpx;line-height: 1;">{{meetingViewpoint.speakGuestEn}}</view>
			<view style="font-size: 30rpx;font-weight: 700;margin-bottom: 20rpx;line-height: 1;">{{meetingViewpoint.positionEn}}</view>
			<view><p style="text-indent:2em">{{meetingViewpoint.ideaContentEn}}</p></view>
		</view>
	</view>
</template>

<script>
	import uniIcons from "@/components/uni-icons/uni-icons.vue";
	export default{
		data(){
			return{
				meetingViewpoint:{}
			}
		},
		methods:{
			async getList(id){
			    const res= await this.$myRequest({
			     url: '/meeting/meetingOutInfos/findSpeakGuestDetail/',
				 data: {
				      id:id
				 },
				 header:{
				     ANON:true
				 }
			    });
				console.log(res)
				// this.bannerData = []  
			    this.meetingViewpoint = res.data
			},
			navigateBack(){
				uni.navigateBack();
			},
		},
		onLoad(option) {
			// console.log("option.id", option.id)
			this.getList(option.id)
		},
	}
</script>

<style>
	page{
		/*padding-top: 72rpx;*/
		 background-color: #fff;
	}
	.iconsback{
		position: fixed;
		top: 72rpx;
		left: 20rpx;
		z-index: 1;
	}
	.content{
		padding: 28px 12px;
	}
</style>
