<template>
	<view style="position: relative;">
		<!-- 胶囊 -->
		<mvBar :mysNavConfig="mysNavConfig"></mvBar>
		<view :style="{marginTop:navH}"></view>
		<view style="font-size: 25rpx;margin: 0rpx 20rpx;align:center;">
			<p>这里记录报名时的账号信息，不可更改，合作以报名时的信息为准</p>
		</view>
		<view class="account-info">
			<view class="ac-txt">
				<p style="width: 200rpx;">昵称</p>
				<p>{{account.platform_nickname}}</p>
			</view>
			<view class="ac-txt">
				<p style="width: 200rpx;">粉丝数</p>
				<p>{{account.show_fans_count}}</p>
			</view>
			<view class="ac-link">
				<text>{{account.home_page_url}}</text>
			</view>
			<view class="ac-photo">
				<p>主页截图</p>
				<image :src="account.home_page_capture_url" class="ac-photo-img"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import mvBar from "@/components/mys_navBar/mysNavBar";
	export default {
		components: {
			mvBar,
		},
		data() {
			return {
				navH: getApp().globalData.navHeight,
				account: {},
				mysNavConfig: {
					/* 开启单页显示首页图标 */
					isHome: true,
					/* 固定导航  */
					navFixed: true,
					/* 标题 （屏幕中心居中 两边图标中心居中使用slot center1） */
					navTitle: {
						text: "我的信息",
						color: "",
						fontSize: "32rpx", // px upx rpx
						fontWeight: "normal", // 100 - 700
					},
					btnType: "type2",
					onLeftClick: '',
					/* type2 按钮 */
					type2Config: {
						// 左图标
						leftPath: "/static/img/png2.png",
						// 右图标
						rightPath: "/static/img/png4.png",
						// 圆角
						radius: "40rpx",
					},
				},
			}
		},
		onLoad(options) {
			let data = options.textObj.replace(/""/g, "");
			data = JSON.parse(decodeURIComponent(data))
			this.account = data.account
			console.log(this.account)
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.account-info {
		padding: 30rpx;
		font-size: 30rpx;

		.ac-txt {
			display: flex;
			padding-left: 20rpx;
			margin-top: 30rpx;
		}

		.ac-link {
			margin-top: 30rpx;
			background-color: #EBEBEB;
			padding: 20rpx;
			word-wrap: break-word;
			word-break: break-all;
			overflow: hidden;
			/*这个参数根据需求来决定要不要*/
		}

		.ac-photo {
			display: flex;
			// align-items: center;
			margin: 20rpx;

			.ac-photo-img {
				width: 300rpx;
				height: 300rpx;
				padding-left: 30rpx;
			}
		}

	}
</style>
