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

【报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

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