<template>
    <div class="ht-base-input-dropdowm-input-demo">
        <ht-base-select v-model="selectValue" style="width:100px">
            <ht-base-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}
            </ht-base-option>
        </ht-base-select>
        <ht-base-input v-model="inputValue" placeholder="请输入" style="width:200px;margin-left: -4px"/>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseInputDropdowmInputDemo',
        data() {
            return {
                selectValue: '1',
                inputValue: '',
                cityList: [
                    {
                        value: 'beijing',
                        label: '北京'
                    },
                    {
                        value: '浙江zhejiang',
                        label: '浙江'
                    }
                ],
            }
        }
    }
</script>
<style lang="less">
    .ht-base-input-dropdowm-input-demo {
        .ht-base-select {
            /deep/ .ivu-select-selection:hover {
                z-index: 1;
            }

            /deep/ .ivu-select-selection:focus {
                z-index: 1;
            }
        }
    }
</style>

