头盔程序员 2024-09-27 10:17 采纳率: 42.1%
浏览 62

u-modal模态框里下拉框内容显示不完整

uniapp中使用uview模态框控件u-modal中下拉框内容展开后被截取了一部分,应该如何处理?其中cs为下拉框控件

img

<u-modal z-index="1000" v-model="importDataModalVisible" :mask-close-able="false" title="录入信息" class="h-300"
                        :show-confirm-button="false">
                        <uni-forms-item label-width="50px" class="pt-5 mb-5 psn-import-modal-item" label-align="right" label="物料编码">
                                <tk ref="materialNo" style="width: 240px;" class="un-input" :allowEdit="editFlag" :allowClearBtnShow="allowClearBtnShow"
                                                v-model.trim="importFormData.materialNo" @confirm="materialNoConfirm" placeholder="扫一扫" />
                        </uni-forms-item>
                        <uni-forms-item label-width="50px" class="pt-5 mb-5 psn-import-modal-item" label-align="right" label="数量">
                                <tk ref="qty" style="width: 240px;" class="un-input" :allowEdit="editFlag" :allowClearBtnShow="allowClearBtnShow"
                                                v-model.trim="importFormData.qty" @confirm="qtyConfirm" placeholder="扫一扫" />
                        </uni-forms-item>
                        <uni-forms-item label-width="50px" class="mb-5 psn-import-modal-item" label-align="right" label="ERP别名">
                                <cs :size="240" :valueType="{label:'ERP_TYPE_NAME',value:'ERP_TYPE_CODE'}" :data='erpTypeList'
                                        @change="" :closeSelect.sync='close0' v-model="importFormData.erpTypeCode"
                                        :clearable='true' :filterable='editFlag' :searchType='1'>
                                </cs>
                        </uni-forms-item>
                        <view class="btn-container">
                                <button class="inline-btn-show" @click="importDataModalVisible=false" type="primary">取消</button>
                                <button class="inline-btn-show" @click="importSubmitBtnClick" type="primary">确认</button>
                        </view>
                </u-modal>
  • 写回答

2条回答 默认 最新

  • Nymph_Zhu 2024-09-27 10:33
    关注

    只能修改你这个下拉框组件宽度并修改模态框的高度样式来兼容

    评论

报告相同问题?

问题事件

  • 创建了问题 9月27日