<template>
	<view style="padding: 0rpx 20rpx;" class="u-skeleton">
		<view class="title u-skeleton-rect">
			{{detail.title}}
		</view>
		<u-parse class="u-skeleton-rect" style="width: 100%;min-height: 400rpx;margin-top: 20rpx;"
			:html="detail.content"></u-parse>

		<u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton>
	</view>
</template>

<script>
	import {
		weixin
	} from '@/utils/weixin.js'
	export default {
		data() {
			return {
				loading: true,
				detail: {}
			}
		},
		onShareAppMessage() {
			return {
				title: this.detail.name,
				path: "packages/packageCarecenter/pages/careCenter/strategyDetail?id=" + this.detail.id,
				imageUrl: this.img
			}
		},
		methods: {
			getDetail(id) {
				weixin.request({
					newUrl: true,
					api: '/api/member/get-strategy-item',
					data: {
						id
					},
					utilSuccess: res => {
						console.log(res);
						this.loading = false
						this.detail = res
					}
				})
			}
		},
		computed: {

		},
		onLoad(option) {
			this.getDetail(option.id)
		}
	}
</script>

<style>
	page {
		background: #fff;
	}
</style>
<style scoped lang="scss">
	.title {
		padding: 20rpx 20rpx 0 20rpx;
		text-align: center;
		font-size: 34rpx;

	}
</style>
