当前位置:   article > 正文

小程序模拟器与ios真机调试不一致的问题_小程序开发电脑模拟器和手机显示不一样

小程序开发电脑模拟器和手机显示不一样

一 项目概述

小程序+vant weapp + westore

二 问题

下拉框内的日历组件无法正常显示
![](https://img-blog.csdnimg.cn/20200528142427159.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0F1ZHJleV9fXw==,size_16,color_FFFFFF,t_70

三 代码结构对比

模拟器端(iphoneX模拟机)在这里插入图片描述
van-dropdown-item下有三个标签

ios真机
只剩一个view标签

四 思考

模拟器端可以正常显示,真机端不能正常显示,不确定是因重复引用出的问题还是小程序的机制问题,有一种情况是模拟没问题,真机有问题,但发布后,在真机上又正常显示。

真机演示正常,测试不正常,要么结构有问题,要么标签格式有问题。

4.1. 考虑结构:

日历组件是弹出层,弹出层本来就是绝对定位,位置都在最外面独立一层,不被内层约束。

移到下拉菜单外面,正常显示…

一般习惯是只要弹出层,全部都丢到最外层,独立一块。尝试一下模拟器能否正常跑起来。

4.2. 查看标签格式

查看官网demo的源码,日历组件是双标签。和官网展示的单标签不同。

在这里插入图片描述

尽量以官网源码为准。

4.3. 解决问题的思路----逻辑能力

平常自己多缕缕逻辑关系,多思考前因后果,问题本身不重要,解决思路与方式才是最重要的。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/天景科技苑/article/detail/952980
推荐阅读
相关标签
  

闽ICP备14008679号