i***@163.com
i***@163.com
  • 发布:2024-08-12 17:03
  • 更新:2024-08-12 17:03
  • 阅读:161

【报Bug】 uni-popup弹出层,其中scroll-view设置固定高度 内表单放入了日期时间组件 ,点击选择时间后安卓手机和微信开发者工具中正常,但是苹果手机日期组件被遮挡显示不全

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 14.1.1

HBuilderX类型: 正式

HBuilderX版本号: 4.24

第三方开发者工具版本号: 当前已是最新版本(1.06.2407110 darwin-arm64)

基础库版本号: 3.5.3

项目创建方式: HBuilderX

示例代码:
 <!-- 添加或修改机器保养对话框 -->  
    <uni-popup ref="popup" type="center" :title="title" :visible.sync="open">  
      <view class="bg-white padding">  
        <uni-forms ref="form" :modelValue="form" :rules="rules" label-width="80px">  
          <scroll-view scroll-y="scroll-y" :style="'height:'+ height +'px'">  
            <uni-forms-item label="保养状态" name="status" :required="true">  
              <uni-data-select :localdata="dict.type.machine_maintenance" @change="change"  
                               v-model="form.status" placeholder="请选择保养状态">  

              </uni-data-select>  
            </uni-forms-item>  
            <uni-forms-item label="保养时间" name="maintenanceTime" :required="false">  
              <uni-datetime-picker clearable  
                                   v-model="form.maintenanceTime"  
                                   type="datetime"  
                                   value-format="yyyy-MM-dd HH:mm:ss"  
                                   @change="change"  
                                   placeholder="请选择保养时间">  
              </uni-datetime-picker>  
              <!--<view class="cu-form-group">-->  
              <!--  <picker mode="date" :value="form.maintenanceTime" @change="change">-->  
              <!--    <view class="">-->  
              <!--      {{ form.maintenanceTime }}-->  
              <!--    </view>-->  
              <!--  </picker>-->  
              <!--</view>-->  
            </uni-forms-item>  
            <uni-forms-item label="保养前图片" name="maintenancePicBefore" :required="false">  
              <image-upload v-model="form.maintenancePicBefore"/>  
            </uni-forms-item>  
            <uni-forms-item label="保养后图片" name="maintenancePicAfter" :required="false">  
              <image-upload v-model="form.maintenancePicAfter"/>  
            </uni-forms-item>  
            <!--<uni-forms-item label="保养人" name="maintenancePeople" :required="false">-->  
            <!--  <uni-easyinput v-model="form.maintenancePeople" placeholder="请输入保养人"/>-->  
            <!--</uni-forms-item>-->  
            <uni-forms-item label="保养内容" name="maintenanceContent" :required="true">  
              <uni-easyinput v-model="form.maintenanceContent" type="textarea" placeholder="请输入内容"/>  
            </uni-forms-item>  
            <uni-forms-item label="备注" name="remark" :required="false">  
              <uni-easyinput v-model="form.remark" type="textarea" placeholder="请输入内容"/>  
            </uni-forms-item>  
          </scroll-view>  
        </uni-forms>  

        <view slot="footer" class="dialog-footer">  
          <button class="cu-btn block bg-green round shadow " :loading="buttonLoading" @click="submitForm">确 定  
          </button>  
          <button class="cu-btn block  bg-gray round shadow mt10" @click="cancel">取 消</button>  
        </view>  
      </view>  
    </uni-popup>  

 onLoad(options) {  
    if (options.mch) {  
      this.mch = JSON.parse(options.mch)  
      this.queryParams.machineId = this.mch.machineId  
    }  
    //获取屏幕可用高度  
    let screenHeight = wx.getSystemInfoSync().windowHeight;  
    this.height = screenHeight - 200;  
    this.getList();  
  },  

操作步骤:

uni-popup中scroll-view 设置固定高度后 放表单组件+日期时间组件 用ios手机预览 我的手机是14pro max

预期结果:

正常选择时间

实际结果:

时间组件被遮挡显示不全,还会显示unipop弹出层中的按钮

bug描述:

BUG视频--附件压缩包内
线上bug视频:https://docs.qq.com/doc/DS3lVZ3RLYVZ6S1hz

BUG描述: uni-popup弹出层设置固定高度,其中scroll-view 内表单放入了日期时间组件 ,点击选择时间后安卓手机和微信开发者工具中正常,但是苹果手机日期组件被遮挡显示不全,点击后还会显示unipop弹出层中的按钮

2024-08-12 17:03 负责人:无 分享
已邀请:

要回复问题请先登录注册