我是fixed 跳转回来 向下跑
微信小程序底部封装的切换栏,iOS中的底部固定(position:fixed)切换会往上飘?//组件代码 <template> <!-- <cover-view class="tabbar savepadding" :style="{'padding-bottom': paddingBottomHeight + 'rpx'}"> --> <cover-view class="tabbar"> <cover-view class="tabbar-item" v-for="(item, index) in list" :key="index" @click="tabbarChange(item)"> <cover-image class="item-img" :src="item.icon_a" v-if="current == index"></cover-image> <cover-image class="item-img" :src="item.icon" v-else></cover-image> <cover-view class="item-name" :class="{'tabbarActive': current == index}" v-if="item.text">{{item.text}}</cover-view> </cover-view> </cover-view> </template> <script> export default{ props:{ current: { type: Number, default:0 }, }, created() { let that = this; uni.getSystemInfo({ success: function (res) { let model = ['X', 'XR', 'XS', '11', '12', '13', '14', '15']; model.forEach(item => { //适配iphoneX以上的底部,给tabbar一定高度的padding-bottom if(res.model.indexOf(item) != -1 && res.model.indexOf('iPhone') != -1) { that.paddingBottomHeight = 40; } }) } }); }, data(){ return { paddingBottomHeight: 0, //苹果X以上手机底部适配高度 list: [ { path: "/my_package/mySearch/index", text: "查件", icon: "../../static/waybillDetail/searchNoSelect.png", icon_a: "../../static/waybillDetail/searchSelect.png", id:0 }, { path: "/my_package/mine/mine", text: "我的", icon: "../../static/waybillDetail/mineNoSelect.png", icon_a: "../../static/waybillDetail/mineSelect.png", id:1 }] } }, methods: { tabbarChange(e) { if (e.id===this.current) { return }else{ setTimeout(()=>{ uni.redirectTo({url:e.path}) },100) } } }, } </script> <style lang="scss" scoped> page{ position: fixed; height: 100%; overflow-y: hidden; overflow-x: hidden; top: 0; left: 0; right: 0; bottom: 0; } .tabbarActive{ color: #0a98ff !important; } .savepadding{ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box; } .tabbar{ // z-index: 10; // display: table; // position:-webkit-sticky; // position: sticky; position: fixed; bottom: 0; left: 0; transform: translate3d(0,0,0); display: flex; padding-bottom: env(safe-area-inset-bottom); justify-content: space-around; // table-layout: fixed; width: 100%; height: 100rpx; background-color: #ffffff; .tabbar-item{ box-sizing: border-box; flex: 1; flex-direction: column; align-items: center; justify-content: center; height: 100rpx; .item-img{ margin-bottom: 4rpx; width: 46rpx; height: 46rpx; } .item-name{ font-size: 26rpx; color: #A3A3A3; } } } </style> //页面直接使用 <my-tabar :current="0" /> [图片][图片]
11-11他们可真烦啊
camera报operateCamera:fail audio device start fail?IOS 打开相机多测试几次会报这个错误,腾讯大佬解决一下啊
09-25请问解决了吗?
横屏页面在折叠屏手机中的显示问题机型:Hwawei Mate Xs(估摸用其他折叠屏也是这样) 出现频率:必现 问题现象:折叠屏不展开只用一个屏幕时,打开设置了锁定横屏的页面( "pageOrientation": "landscape")。页面展示有问题,如下所示:屏幕上方与下方有很大空白。 问题截图:[图片] 期望效果:希望与其它手机一样,打开横屏页面填充完整个屏幕。 备注: a、折叠屏手机打开旋转功能,旋转下屏幕可以解决这个问题。但是此页面已经设置锁定横屏了,难道还要提示用户这么做才能横屏? b、设置resizable 也没有效果
02-26请问解决了吗
部分ios用户进入小程序白屏用户进入小程序白屏,删除小程序再次扫码进入依然白屏 [图片]
2023-12-18请问解决了吗 我们最近也白屏尤其多
部分用户进入小程序白屏开发工具无法复现 当前用户版本信息如下 [图片]
2023-12-18pdfh5展示 我用的就是这个
小程序内嵌的H5页面如何预览pdf文件?小程序内嵌的H5页面如何预览pdf文件?
2023-12-18请问知道解决了吗 最近 我们也是天天有部分手机白屏 12月8号之后开始 天天被投诉
小程序在最新的微信版本8.0.40版本部分手机出现白屏情况我的小程序的appId是wxf5b5fc2512687e12, 由于小程序功能较多,功能复杂我们使用了分包策略,在IOS和Android的部分用户都会出现分包页面白屏的情况,联系到用户后协助其打开了调试工具,并引导用户将微信更新到了最新版本,白屏情况下连调试工具都不可点击,但是可以切换主包的tabs页面,用户有一个特点就是微信占用的存储空间特别大,至少都是在30GB以上,有的用户本地缓存文件甚至高达80GB。目前出现白屏的都无法调试,开发和测试都无法复现这个问题,求官方回复一下,很急
2023-12-15q请问解决了吗 谢谢
web-view标签,部分安卓设备打开是白屏用微信开发工具调试的时候,是可以打开页面的,但是从App跳转到微信打开小程序的时候,web-view标签的显示是白屏,标题是有出现的 [图片]
2023-12-15请问解决了吗
部分手机web-view内嵌H5跳转白屏?使用uniapp开发微信小程序,<web-view>内嵌H5,url在onload里面配置this.introUrl = process.env.HEALTH_BASE_URL + '/tweb/common/insurance/healthAppointment?channel=' + encodeURIComponent('健康有约') + '&token=' + this.token + '&platform=' + this.platform,发布体验版后只有我的手机跳转后白屏 1、H5业务域名已配置且H5页面我的手机单独可以打开 2、电脑端运行可以跳转到H5,发布体验版后周围人都可以正常访问该H5,就我的手机不能! 3、小程序后还有另外几个<web-view>内嵌的H5我可以正常访问,就这个不行 4、我的手机机型苹果13,ios15.6,微信版本8.0.39 5、打开控制台没有报错,只有如下信息 [图片]
2023-12-14请问 你们解决了吗 谢谢
webview 华为鸿蒙、magic系统跳转白屏月亮商城小程序。华为部分手机鸿蒙、magic系统webview嵌入页面跳转白屏
2023-12-14