<template>
	<view>
		<!-- 个人信息 -->
		<view class="userBox flexe">
			<view class="" style="font-size: 0;">
				<image class="userImg"
					src="https://img2.baidu.com/it/u=223726554,3148772466&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800"
					mode=""></image>
			</view>
			<view class="" style="flex: 1;">
				<view class="name">
					<view class="el1" style="max-width: 150rpx;">
						张三
					</view>
					<view class="jieqi" :style="jieqiFn('大暑',1)">
						甲辰•大暑
					</view>
				</view>
				<view class="phone">
					19965276296
				</view>
			</view>
			<view class="">
				<uni-icons type="right" size="36rpx"></uni-icons>
			</view>
		</view>
		<!-- 顶部大图 -->
		<view class="top">
			<image class="topImg"
				src="http://gips3.baidu.com/it/u=3886271102,3123389489&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960"
				mode=""></image>
			<view class="danMu" v-if="DanMuBoon">
				<DanMu></DanMu>
			</view>
		</view>
		<!-- 会员信息 -->
		<view class="">
			<VIPVue></VIPVue>
		</view>
		<view class="">
			<up-button @click="fn" type="primary" text="管理端临时入口"></up-button>
		</view>
		<view class="">
			<up-button @click="fn1" type="primary" text="落地页临时入口"></up-button>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive
	} from 'vue'
	import {
		HTTP
	} from '@/api/http.js'
	import {
		onShow,
		onLoad,
		onReachBottom
	} from '@dcloudio/uni-app'
	import {
		jieqiFn
	} from '@/config' //返回节气样式（a,b),a是节气名称，b是类型，1是返回背景颜色，2是返回边框颜色，3是返回字体颜色
	import DanMu from "@/components/DanMu/DanMu.vue" //弹幕
	import VIPVue from './componnts/VIP.vue'
	const DanMuBoon=ref(false)
	const fn=()=>{//去管理系统临时入口
		uni.navigateTo({
			url:"/pagesGL/index/index"
		})
	}
	const fn1=()=>{//去落地页的临时入口
		uni.navigateTo({
			url:"/pages/LDY/LDY"
		})
	}
	onShow(()=>{
		DanMuBoon.value=false
		let tm=setTimeout(()=>{
			DanMuBoon.value=true
			clearTimeout(tm)
		},200)
	})
</script>

<style lang="scss" scoped>
	page {
		background: #f6f6f6;
	}

	// 用户信息
	.userBox {
		padding: 20rpx;
		background: #fff;

		.userImg {
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
		}

		.name {
			display: flex;

			.jieqi {
				margin-left: 16rpx;
				line-height: 40rpx;
				padding: 0 8rpx;
				border-radius: 8rpx;
				color: #fff;
			}
		}
	}

	// 顶部大图
	.top {
		position: relative;
		font-size: 0;

		.topImg {
			width: 750rpx;
			height: 400rpx;
		}

		.danMu {
			position: absolute;
			top: 0;
			left: 0;
		}
	}
</style>