<template>
	<view class="home">
			
		<image src="/static/image/bg/2.png"
		class="page-bg"
		mode="aspectFill"></image>
		
		
		<view class="swipe" style="padding-top: 310rpx;">
			<uv-swiper :list="bannerList"
			keyName="image"
			height="300rpx"></uv-swiper>
		</view>
		
		<view class="content" style="padding-top: 20rpx;">
			<text>欢迎</text>
			<text style="font-size: 80rpx; margin: 10rpx 0;">Christine</text>
			<view class="flex-col" style="gap: 5rpx; margin-top: 20rpx;">
				<text>来到百富门的世界</text>
				<text>品味传承与创新交织的威士忌艺术</text>
				<text>开启您的专属品鉴之旅</text>
			</view>
			<view style="margin-top: 40rpx;" @click="query">
				<view class="btn2">
					点击进入
				</view>
			</view>
			<view class="link"
			@click="$utils.navigateTo('/pages/index/order')">
				预约记录
			</view>
		</view>
	</view>
</template>

<script>
	import { mapState } from 'vuex'
	export default {
		data() {
			return {
			}
		},
		computed : {
			...mapState(['bannerList']),
		},
		onShow() {
		},
		methods: {
			query(){
				uni.navigateTo({
					// url: '/pages/index/article'
					url: '/pages/index/introduce'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
.link{
	margin-top: 30rpx;
	font-size: 26rpx;
	color: $uni-color;
	text-decoration: underline;
}
</style>