<template>
    <view class="control">
        <view class="control-title">
            基础控制
        </view>
        <view class="current">

        </view>
        <view class="show-list">
            <control-item v-for="item in itemList" :key="item.paramName" :item="item" @click.native="onClick(item)" />
        </view>
        <My_input ref="MyInput" />
    </view>
</template>
<script>
let model = null;
export default {
    name: "basics",
    data() {
        return {
            itemList: []
        }
    },
    methods: {
        onClick(item) {
            if (!model) model = this.$refs.MyInput;
            model.openInput(item)
        }
    }
}
</script>

<style lang="scss" scoped>
.show-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -5px;
    box-sizing: border-box;
}
</style>