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

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日

悬赏问题

  • ¥15 如何在vue.config.js中读取到public文件夹下window.APP_CONFIG.API_BASE_URL的值
  • ¥50 浦育平台scratch图形化编程
  • ¥20 求这个的原理图 只要原理图
  • ¥15 vue2项目中,如何配置环境,可以在打完包之后修改请求的服务器地址
  • ¥20 微信的店铺小程序如何修改背景图
  • ¥15 UE5.1局部变量对蓝图不可见
  • ¥15 一共有五道问题关于整数幂的运算还有房间号码 还有网络密码的解答?(语言-python)
  • ¥20 sentry如何捕获上传Android ndk 崩溃
  • ¥15 在做logistic回归模型限制性立方条图时候,不能出完整图的困难
  • ¥15 G0系列单片机HAL库中景园gc9307液晶驱动芯片无法使用硬件SPI+DMA驱动,如何解决?