<template>
	<view>
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<z-nav-bar title="消息详情"></z-nav-bar>
		<view class="box">
			<view class="title">
				{{news.title}}
			</view>
			<view class="content" v-html="news.content"></view>
		</view>

		<music-play :playData="playData"></music-play>
	</view>
</template>

<script>
	import musicPlay from '@/components/music.vue'
	import $http from '@/config/requestConfig.js';
	var clear;
	import {
		mapState
	} from 'vuex';
	// 密码验证的正则
	//1、密码为八位及以上并且字母数字特殊字符三项都包括
	var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
	//2、密码为八位及以上并且字母、数字、特殊字符三项中有两项，强度是中等
	var mediumRegex = new RegExp(
		"^(?=.{8,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[a-z])(?=.*\\W))|((?=.*[0-9])(?=.*\\W))|((?=.*[A-Z])(?=.*\\W))).*$",
		"g");
	var enoughRegex = new RegExp("(?=.{8,}).*", "g");
	export default {
		data() {
			return {
				playData: {},
				newsId: null,
				news: {
					content: '',
					title: ''
				}
			};
		},
		//第一次加载
		onLoad(e) {
			// 隐藏原生的tabbar
			uni.hideTabBar();
			this.newsId = e.newsid
			console.log(e, '------')
		},
		computed: {
			...mapState(['userInfo'])
		},
		//页面显示
		onShow() {
			// 隐藏原生的tabbar
			uni.hideTabBar();
			this.getData();

		},
		components: {
			musicPlay
		},
		//方法
		methods: {
			getData() {
				this.$http
					.post('common/message/getMessageById?id=' + this.newsId)
					.then(res => {
						if (res.code == 0) {
							this.news.content = res.result.content
							this.news.title = res.result.title
						}
					}).catch(e => {
						console.log(e, '获取新闻详情报错')
					});
			}
		},
	};
</script>
<style lang="scss" scoped>
	@import '@/style/mixin.scss';

	.box {
		background-color: #fff;
		@include pleft_right(10px);
		min-height: calc(100vh - 70rpx);
	}
	.title{font-size: 32rpx; font-weight: bold; display: block; text-align: center;}
	.content { font-size: 26rpx; line-height: 48rpx; margin-top: 10rpx;}
</style>