衣天下
衣天下
  • 发布:2021-04-26 16:20
  • 更新:2021-06-07 08:36
  • 阅读:1366

【报Bug】uni.showToast 在iPad上样式错误

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 3.1.12

手机系统: iOS

手机系统版本号: iOS 14

手机厂商: 苹果

手机机型: ipad air 2

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
    <view class="content">  
        <image class="logo" src="/static/logo.png"></image>  
        <view class="text-area">  
            <text class="title" @tap='showHandler'>消息提示框</text>  
            <text class="title" @tap='LoadHandler'>加载框</text>  
            <text class="title" @tap='modalHandler'>模态弹窗</text>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                title: 'Hello'  
            }  
        },  
        onLoad() {  

        },  
        methods: {  
            showHandler(){  
                uni.showToast({  
                    title:'消息提示框'  
                })  
            },  
            LoadHandler(){  
                uni.showLoading({  
                    title:'加载框'  
                })  
                setTimeout(()=>{  
                    uni.hideLoading()  
                },3000)  
            },  
            modalHandler(){  
                uni.showModal({  
                    title:'模态弹窗'  
                })  
            }  
        }  
    }  
</script>  

<style>  
    .content {  
        display: flex;  
        flex-direction: column;  
        align-items: center;  
        justify-content: center;  
    }  

    .logo {  
        height: 200rpx;  
        width: 200rpx;  
        margin-top: 200rpx;  
        margin-left: auto;  
        margin-right: auto;  
        margin-bottom: 50rpx;  
    }  

    .text-area {  
        display: flex;  
        flex-direction: column;  
    }  

    .title {  
        border: 1rpx solid red;  
        padding: 10rpx;  
        font-size: 36rpx;  
        color: #8f8f94;  
    }  
</style>  

操作步骤:
uni.showToast({  
    title:'消息提示框'  
})

预期结果:
uni.showToast({  
    title:'消息提示框'  
})

实际结果:
uni.showToast({  
    title:'消息提示框'  
})

bug描述:

真机运行在iPad上(iPad Air 2 13.6.1)消息提示框以及load加载框样式错乱

2021-04-26 16:20 负责人:DCloud_iOS_XHY 分享
已邀请:

最佳回复

DCloud_iOS_XHY

DCloud_iOS_XHY

感谢反馈:此问题已在 HX 3.1.13 + 版本修复

衣天下

衣天下 (作者)


DCloud_iOS_XHY

DCloud_iOS_XHY

使用上面代码没有复现问题,请上传一个完整的示例工程

  • 衣天下 (作者)

    demo上传了,真机运行还是会乱掉

    2021-05-12 10:46

w***@163.com

w***@163.com

同样出现该问题,环境为ipad 模拟器上。

evevev

evevev

nvue list标签下的下拉加载loading标签
同一套代码在android下显示正常, iOS样式错乱.

hbuilderx版本3.1.12.20210428
iOS版本14.4
安卓11.1

该问题目前已经被锁定, 无法添加新回复