更新记录

1.0.1（2023-02-07） 下载此版本

1.0.0 第一次发布 1.0.1 调整为uni-modules

1.0.0（2023-02-03） 下载此版本

1.0.0（2023-02-03） 发布

平台兼容性

lx-input

属性:

事件:

简单示例:

<template>
    // page-meta 解决input聚焦时滑动穿透， 你有其他方案可以用自己的方案
    <page-meta :page-style="`overflow: ${ hidden ? 'hidden' : 'unset'}`"></page-meta>
    <view class="content">
        <view class="inputContent">
            <view class="label">省级</view>
            <lx-input class="input" v-model="value1" :list="list1" :hidden.sync="hidden"></lx-input>
        </view>
        <view class="inputContent">
            <view  class="label">市级</view>
            <lx-input class="input" v-model="value2" :list="list2" :hidden.sync="hidden"></lx-input>
        </view>
        <view class="inputContent">
            <view  class="label">县级</view>
            <lx-input class="input" v-model="value3" :list="list3" :hidden.sync="hidden"></lx-input>
        </view>
        <view style="height: 1000px;"></view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                value1:'',
                value2:'',
                value3:'',
                list1:[],
                list2:[],
                list3:[],

                hidden:false,

            }
        }
    }
</script>

<style lang="scss">
    .content {
        padding: 0 30rpx;
        .inputContent{
            display: flex;
            align-items: center;
            margin-top:100rpx;
            .label{
                font-size: 30rpx;
                font-weight: bold;
                margin-right: 15rpx;
            }
            .input {
                flex:1;
            }
        }
    }
</style>