<!-- 个人中心：支持装修 -->
<template>
	<s-layout title="个人中心" tabbar="/pages/index/user" navbar="normal" :bgStyle="template.page"
		:navbarStyle="template.navigationBar" onShareAppMessage>


		

		<s-block class="" v-for="(item, index) in template.components" :key="index" :styles="item.property.style">
			<s-block-item style="" :class="item.id == 'UserOrder'? 'ss': ''" :type="item.id" :data="item.property" :styles="item.property.style" />
		</s-block>
		<view class="new-huiy" @click="
			  sheep.$router.go('/pages/user/user_vip/index')
			">
			<image class="seckill" src="@/static/images/seckilbg.png"></image>
			<view class="new-button">立即开通</view>
			<img class="seckill1" mode="aspectFit"
				src="https://zysc.fjptzykj.com:3000/shangcheng/64776e2edc3c2f15295e7c3976ba301e08f9170f99a2e845d8f33bd65179b177.png" />
		</view>
	</s-layout>
</template>

<script setup>
	import {
		computed
	} from 'vue';
	import {
		onShow,
		onPageScroll,
		onPullDownRefresh
	} from '@dcloudio/uni-app';
	import sheep from '@/sheep';

	// 隐藏原生tabBar
	uni.hideTabBar();

	const template = computed(() => sheep.$store('app').template.user);
	const isLogin = computed(() => sheep.$store('user').isLogin);

	onShow(() => {
		sheep.$store('user').updateUserData();
	});

	onPullDownRefresh(() => {
		sheep.$store('user').updateUserData();
		setTimeout(function() {
			uni.stopPullDownRefresh();
		}, 800);
	});

	onPageScroll(() => {});
</script>

<style lang="scss" scoped>
	.new-huiy {
		width: 100%;
		height: 240px;
		position: absolute;
		top: 0;
		.new-button {
			background: white;
			padding: 8px;
			text-align: center;
			position: absolute;
			border-radius: 20px;
			right: 29px;
			bottom: 17px;
			font-size: 14px;
			color: rgba(148, 109, 45, 1);
			// z-index: 33;
		}

		.seckill1 {
			position: absolute;
			bottom: 0;
			// z-index: 22;
			/* left: 50%; */
			/* transform: translateX(-50%); */
			width: 96%;
			height: 72px;
		}
	}

	/* .new-main {} */

	.seckill1 {
		position: absolute;
		z-index: 22;
		left: 50%;
		transform: translateX(-50%);
		width: 94%;
	}

	.seckill {
		width: 100%;
		position: absolute;
	}

	view {
		position: relative;
	}
	::v-deep .ss{
		z-index: 99999;
		&>view{
			margin-top: 94px;
		}
	}
	
</style>