<template>
	<view class="content bgimg">

		<Turntables ref="turntables" @beginBefore="beginBefore" @result="result" />


	</view>
</template>

<script>
	import Turntables from "@/components/zbh-turntables/turntables-v2.vue"
	export default {
		components: {
			Turntables
		},

		data() {
			return {
				cs: 0,
				value: 0,
				show: false,
				max: 5,
				action: ''
			}
		},
		onShow() {
			// this.getuserinfo()
		},
		onLoad() {


		},
		methods: {
			qrdh() {
				this.$request('/ops/wallet/new/convertWithdraw', {}, 'post', true).then(res => {
					if (res.data.code == 200) {
						uni.hideLoading();
					}
					uni.showToast({
						title: res.data.msg,
						icon: 'none'
					})
					console.log(res);
				})
			},
			gojl() {
				uni.navigateTo({
					url: '/components/lucky/cjjl'
				})
			},
			close() {
				this.show = false
			},
			open() {
				this.show = true
			},
			beginBefore() {

				this.$refs['turntables'].begin()
			},
			result(e) {
				console.log(e)
			}
		}
	}
</script>
<style lang="scss" scoped>
	page {
		background-color: #ccc;
	}

	.content {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100vh;
		// background-image: url('../../static/cjbg.png');
	}

	.dh {
		font-size: 20px;
		color: #fff;
		position: absolute;
		top: 20px;
		right: 16px;
	}

	.jl {
		font-size: 20px;
		color: #fff;
		position: absolute;
		top: 50px;
		right: 16px;
	}

	.tc {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.btn {
			width: 100px;
			height: 30px;
			border-radius: 12px;
			font-size: 16px;
			line-height: 30px;
			text-align: center;
			margin-top: 16px;
			background-color: #ccc;
		}
	}
</style>