<template>
	<view class="content">
    <u--image :showLoading="true" src="/static/img/img_cover@2x.jpg" width="100vw" height="100vh"></u--image>
		<view class="fixed bottom-48 w-full text-center">
      <view  class="absolute" style="left: calc(50% - 112px);bottom: 100px">
        <u--image src="/static/img/btn_enter@2x.png" width="224px" height="55px"></u--image>
      </view>
			<view class="butText text-center" @click="handleHome">开始云游</view>
		</view>
	</view>
</template>

<script>
// import uButton from "uview-ui/components/u-button/u-button.vue";
	export default {
		components: {
			// uButton
		},
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
      handleHome() {
        console.log('开启云上观灯', uni)
        uni.$u.route('/pages/home/home')
		}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 100vh;
	}

	.butText{
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 36px;
    text-shadow: 0px 0px 8px #FFF9B1, 0px 0px 27px #FFF9B1, 0px 0px 4px #D86332;
    font-style: normal;
    text-transform: none;
    position: relative;
    top: -110px;
    z-index: 10;
  }
</style>
