<template>
	<view class="content">	
		<view class="content1" scroll-y="true">
			<text>圆球</text> 	
				<view class="tex-box" scroll-y="true">
					<text>红-黄</text> 	
					<text class="tex-box1" >红色</text>
					<text class="tex-box2" >白-红</text> 
					<text class="tex-box3" >白-蓝</text> 	
				</view>
		</view>
		<button type="primary" class="button1" @click ="Pattern1()"  size="mini">1号花型</button> 	
		<button type="primary" class="button1" @click ="Pattern2()"  size="mini">2号花型</button> 	
		<button type="primary" class="button1" @click ="Pattern3()"  size="mini">3号花型</button> 	
		<button type="primary" class="button1" @click ="Pattern4()"  size="mini">4号花型</button>
		
	<!-- 	<view>	
		<text>1号花型</text><switch checked @change="switch1Change" />
		<text>2号花型</text><switch checked @change="switch1Change" />
		<text>3号花型</text><switch checked @change="switch1Change" />
		<text>4号花型</text><switch checked @change="switch1Change" />
		</view>	 -->			
		
		<view class="content1" scroll-y="true">
			<text>4刀</text> 	
				<view class="tex-box" scroll-y="true">
					<text>红-黄</text> 	
					<text class="tex-box1" >红色</text>
					<text class="tex-box2" >白-红</text> 
					<text class="tex-box3" >白-蓝</text> 	
				</view>
		</view>
		<button type="primary" class="button1" @click ="Pattern5()"  size="mini">5号花型</button>
		<button type="primary" class="button1" @click ="Pattern6()"  size="mini">6号花型</button> 	
		<button type="primary" class="button1" @click ="Pattern7()"  size="mini">7号花型</button> 	
		<button type="primary" class="button1" @click ="Pattern8()"  size="mini">8号花型</button>
	<!-- 	<view>	
		<text>5号花型</text><switch checked @change="switch1Change" />
		<text>6号花型</text><switch checked @change="switch1Change" />
		<text>7号花型</text><switch checked @change="switch1Change" />
		<text>8号花型</text><switch checked @change="switch1Change" />
		</view>	 -->
		<view class="tex-box" scroll-y="true">
			<text >白-黄</text> 
			<text  class="tex-box1" >红-蓝</text> 	
		</view>
		<button type="primary" class="button1"  @click ="Pattern9()"  size="mini">9号花型</button>
		<button type="primary" class="button1"  @click ="Pattern10()" size="mini">10号花型</button>
	<!-- 	<view>	
		<text>9号花型 </text><switch checked @change="switch1Change" />
		<text>10号花型</text><switch checked @change="switch1Change" />
	    </view> -->	
		
		<view class="content1" scroll-y="true">
			<text>5刀</text> 	
				<view class="tex-box" scroll-y="true">
					<text>红-黄</text> 	
					<text class="tex-box1" >红色</text>
					<text class="tex-box2" >白-红</text> 
					<text class="tex-box3" >白-蓝</text> 	
				</view>
		</view>
		<button type="primary" class="button1" @click ="Pattern11()" size="mini">11号花型</button>
		<button type="primary" class="button1" @click ="Pattern12()" size="mini">12号花型</button> 	
		<button type="primary" class="button1" @click ="Pattern13()" size="mini">13号花型</button> 	
		<button type="primary" class="button1" @click ="Pattern14()" size="mini">14号花型</button>
		<!-- <view>	
		<text>11号花型</text><switch checked @change="switch1Change" />
		<text>12号花型</text><switch checked @change="switch1Change" />
		<text>13号花型</text><switch checked @change="switch1Change" />
		<text>14号花型</text><switch checked @change="switch1Change" />
		</view>	 -->
		<view class="tex-box" scroll-y="true">
			<text >白-黄</text> 
			<text  class="tex-box1" >红-蓝</text> 	
		</view>
		<button type="primary" class="button1" @click ="Pattern15()"  size="mini">15号花型</button>
		<button type="primary" class="button1" @click ="Pattern16()"  size="mini">16号花型</button>
	<!-- 	<view>	
		<text>15号花型</text><switch checked @change="switch1Change" />
		<text>16号花型</text><switch checked @change="switch1Change" />
		</view>	 -->
		<view class="content">	
			<button type="primary" class="button"  @tap="Index"          size="mini">首页</button>
			<button type="primary" class="button"  @tap="ParameterSet"   size="mini">参数设定</button>
		</view>
	
	</view>
	
</template>

<script>
    import process from '../../utils/process.js'
	
	export default {
		data() {
			return {
				
			}
		},
		onShow() {
			process.bushu = 0;	
		},
		methods: {
			//跳转到首页
			Index() {
				uni.navigateTo({
					url:'/pages/cottonCandy/index'
				})	
			},
			ParameterSet(){
				uni.navigateTo({
					url:'/pages/cottonCandy/ParameterSet'
				})
			},
			Pattern1() {
				process.SugarType[0] = 0x01;	
			},
			Pattern2() {
				process.SugarType[0] = 0x02;
			},
			Pattern3() {
				process.SugarType[0] = 0x03;
			},
			Pattern4() {
				process.SugarType[0] = 0x04;
			},
			Pattern5() {
				process.SugarType[0] = 0x05;
			},
			Pattern6() {
				process.SugarType[0] = 0x06;
			},
			Pattern7() {
				process.SugarType[0] = 0x07;
			},
			Pattern8() {
				process.SugarType[0] = 0x08;
			},
			Pattern9() {
				process.SugarType[0] = 0x09;
			},
			Pattern10() {
				process.SugarType[0] = 0x0A;
			},
			Pattern11() {
				process.SugarType[0] = 0x0B;
			},		
			Pattern12() {
				process.SugarType[0] = 0x0C;
			},
			Pattern13() {
				process.SugarType[0] = 0x0D;
			},
			Pattern14() {
				process.SugarType[0] = 0x0E;
			},
			Pattern15() {
				process.SugarType[0] = 0x0F;
			},
			Pattern16() {
				process.SugarType[0] = 0x10;
			},
			switch1Change: function () {
				
			}	
		}
	}
</script>

<style scoped>
.content{
	margin-top: 30rpx;
}
.button {
	height: 60rpx;
	width:  200rpx;
	margin-top: 30rpx;
	margin-left: 100rpx;
	border-radius: 10px;

	
}
.button1 {
	font-size: 24rpx;
	height: 60rpx;
	width:  170rpx;
	margin-left: 8rpx;
	border-radius: 10px;
}

.tex-box{	
 font-size: 28rpx;
 margin-left: 65rpx ;
}
.tex-box1{	
 font-size: 28rpx;
 margin-left: 120rpx ;
}
.tex-box2{	
 font-size: 28rpx;
 margin-left: 120rpx ;
}
.tex-box3{	
 font-size: 28rpx;
 margin-left: 120rpx ;
}
.content1{
	 margin-top: 10rpx ;	
}

</style>
