<!-- 页面：网信信息详情 -->
<template>
	<view class="message-detail">
		<view class="title">{{title}}</view>
		<view class="time">{{time}}</view>
		<view class="time source">来源：{{ source}}</view>
		<view class="line"></view>
		<view class="content" v-for="(item, index) in content" :key="index">
			<!-- <image :src="item.img" style="width: 100%;height: 260rpx;flex-shrink: 0;" mode=""></image> -->
			<view class="text">{{item.value}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '中国新发展 世界新机遇',
				time: '2022-12-12 12:12:12',
				source: '某某某工作室',
				content: [
					{
						img: 'http://111.198.10.15:11604/png/back1.png',
						value: '志合者，不以山海为远。3月28日，博鳌亚洲论坛2023年年会如期而至，全球政商学界嘉宾齐聚一堂，共谋全球发展新未来。中国开放的大门不会关闭，只会越开越大。”“中国经济韧性强、潜力足、回旋余地广、长期向好的基本面不会改变，将为世界经济企稳复苏提供强大动能，为各国提供更广阔的市场机会。'
					},
					{
						img: 'http://111.198.10.15:11604/png/back2.png',
						value: '2013年以来，习近平主席5次在博鳌亚洲论坛年会上发表主旨演讲，发出中国与世界共享发展机遇的开放强音，为推动构建人类命运共同体贡献中国智慧。本届博鳌亚洲论坛年会聚焦“不确定的世界：团结合作迎挑战，开放包容促发展”主题展开对话交流，展现了中国推进高水平对外开放的坚定决心，为艰难复苏的世界经济注入新动能。谈及“一带一路”发展前景，隆基绿能科技股份有限公司董事长钟宝申将目光锁定在“绿色低碳转型”。“当前全球能源生产和消费格局正在深度调整，保障能源安全、推动能源转型任重道远。中国清洁化、低碳化进程不断加快，可以通过技术支持、能力建设、咨询服务等方式，帮助沿线国家和地区发展清洁能源产业，为当地发展持续注入绿色动力。”钟宝申说。'
					},
				]
			}
		},
		mounted(){
			uni.showShareMenu({
				withShareTicket: true,
				menus: ["shareAppMessage", "shareTimeline"]
			});
		},
		//分享好友
		onShareAppMessage() {
			return {
				title: this.title,
				imageUrl: this.content[0].img,
				path: "/pages/messageDetail/messageDetail",
			};
		},
		//分享朋友圈
		onShareTimeline() {
			return {
				title: this.title,
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.message-detail {
		min-height: 100%;
		padding: 40rpx 40rpx 60rpx 40rpx;
		background: linear-gradient(#eef2fe 0%, #bed5ff 100%);
		box-sizing: border-box;
		overflow: auto;
		// 标题
		.title {
			font-size: 38rpx;
			color: #000;
			font-weight: 600;
		}
		// 时间
		.time {
			font-size: 28rpx;
			color: #a4a4a4;
			margin-top: 44rpx;
		}
		// 来源
		.source {
			margin-top: 8rpx;
		}
		// 分割线
		.line {
			width: 100%;
			height: 1rpx;
			background-color: #eeeeee;
			margin: 46rpx 0;
		}
		// 内容
		.content {
			.text {
				margin: 32rpx 0;
				font-weight: 32rpx;
				line-height: 58rpx;
				text-indent: 64rpx; //缩进
				text-align: justify; //文字两端对齐
			}
		}
	}
</style>
