<template>
	<view>
		<u-button @click="open">
			打开模态框1
		</u-button>
		{{state}}
		<stock-state index="2" ref="stockState" width="400rpx" height="100rpx" @updateState="updateState1">

			<!-- <slot-one slot="11s">
				<view>111</view>
			</slot-one> -->



		</stock-state>
		<!-- <u-button shape="square">乌啼</u-button> -->

	</view>
</template>

<script>
	import stockState from '@/mycomponents/stockState/stockState.vue'

	export default {
		components: {
			stockState
		},
		data() {
			return {
				state: '1'
			}
		},

		methods: {
			open() {
				this.$refs.stockState.open();
			},
			updateState1(state) {
				this.state = state;
			}
		}
	}
</script>

<style>
	.item {
		width: 20px;
	}

	.content {
		display: flex;
		/* flex-direction: column; */
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		background-color: #C8C7CC;
		width: 100%;
		height: 100vh;
	}

	.a {
		width: 25%;
		height: 18vh;
		background-color: #4CD964;
		border: 1vh solid #FFFFFF;
	}
</style>