微信小程序IOS和Android兼容如何实现

本文主要介绍微信小程序开发之ios和android兼容的问题的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。

微信小程序开发之IOS和Android兼容的问题

一、时间转换问题:

这不只是小程序上面的问题是ios系统 都有这个问题

就是new  Date(“2017-06-16”) 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下

1.替换”-“为”/“

2.删除”.“后面的字符串(带毫秒也会有问题)

代码如下:

 /**   * 字符串转换为时间   * @param {String} src 字符串   */  strToDate(dateObj){   dateObj = dateObj.replace(/T/g, ' ').replace(/.[d]{3}Z/, '').replace(/(-)/g, '/')   dateObj = dateObj.slice(0, dateObj.indexOf("."))   return new Date(dateObj)  }

登录后复制

二、fixed定位问题

整个页面的fixed定位,在ios下下拉会触发下拉事件,但是没有动画效果。Android就能正常运行

flex中使用 绝对定位,ios出现严重错位,导致父级元素也会变成绝对定位,Android能达到理想效果

总而言之 尽量不用fixed

三、absolute定位问题

1.使用absolute定位,并且宽带设置了100% 并且设置了padding就会导致屏幕宽度溢出,出现页面左右可以移动的bug,模拟器上是没有问题,但是真机上是有这个问题的。这个问题让我调试并痛苦了许久

2.使用absolute并且当前元素是flex容器这种情况在Ios下面布局不会起到左右,会出现所有元素转换成了absloute并且文字错位

3.总而言之 尽量不用 absolute

四、 word-spacing在button中的问题

有时候在使用大按钮的时候两个字中间希望有段间距,但是目前没有找到能使用的占位符,所以使用了的word-spacing加空格 这个方法来设置文字的间距,但是在iPhone6s 上两个字中间一个空格的时候整体会向右偏,必须设置两个空格才正常!

相关推荐:

实例详解IOS 数据库升级数据迁移

在ios端点击按钮闪烁解决方法

H5跟ios、android数据对接的方式

以上就是微信小程序IOS和Android兼容如何实现的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2788040.html

(0)
上一篇 2025年3月8日 18:21:19
下一篇 2025年3月8日 18:21:29

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • include引入公用代码实现方法

    一直以来,我司的前端都是用 php 的 include 函数来实现引入 header 、footer 这些公用代码的,本文主要为大家带来一篇静态页面实现 include 引入公用代码的示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参…

    编程技术 2025年3月8日
    200
  • jQuery使用zTree插件实现可拖拽的树代码分享

    在目前接触到的树插件中,我觉得ztree比较简单,也容易上手。有一次业务需求是将某对象分组树上的对象可以随意拖拽,相当于改变了对象的分组,因此我用到了ztree,对其进行了一些列学习。 本文主要介绍js使用zTree插件实现可拖拽的树示例,…

    2025年3月8日
    200
  • 微信小程序导航栏选项卡效果的实现方法

    本文主要为大家详细介绍了微信小程序实现导航栏选项卡效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。 效果图 WXML    已获得赏金  赏金在路上  邀请失败     登录后复制 WXSS page{backgr…

    2025年3月8日
    200
  • 微信小程序蓝牙设备代码与错误整理

    微信小程序整体上是很不错的,蓝牙接口的确“坑”,“网络端”的程序猿做“硬件接口”,本文主要和大家分享微信小程序蓝牙设备代码与错误整理,希望能帮助到大家。 一些麻烦事儿 蓝牙设备比较多会把手机卡死,公司能扫描到200+个设备,直接把iphon…

    编程技术 2025年3月8日
    200
  • JS不用中间变量temp实现两个变量值得交换实现代码

    本文主要和大家介绍在js中 实现不用中间变量temp 实现两个变量值得交换 ,需要的朋友可以参考下,希望能帮助到大家。 1.使用加减法; var a=1;var b=2;a=a+b;b=a-b;a=a-b; 登录后复制 2.使用乘除法(乘除…

    编程技术 2025年3月8日
    200
  • 微信小程序授权获取用户详细信息实例

    本文主要和大家介绍微信小程序授权获取用户详细信息openid的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。 小程序获取用户的头像昵称openid之类 第一种使用wx.getUserInfo直接获取微…

    2025年3月8日
    200
  • jQuery实现IE6的遮罩功能

    本文主要和大家介绍jquery实现可兼容ie6的遮罩功能,详细分析了jquery遮罩层的布局、样式及功能实现技巧,需要的朋友可以参考下,希望能帮助到大家。 最精简,最强大的 jQuery 遮罩层效果。 当浏览器改变大小时,遮罩层的大小会相应…

    编程技术 2025年3月8日
    200
  • angularjs猜数字大小功能实现方法

    本文主要和大家详细介绍angularjs实现猜数字大小功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。  猜一猜,多大值?(1-1000) 我猜是: 验证再玩一次 0″>您猜的数大了 您猜的数小了 您猜对了 …

    编程技术 2025年3月8日
    200
  • 微信小程序template模板引用实例分享

    本文主要和大家介绍微信小程序视图template模板引用的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。 微信小程序视图template模板引用的实例详解 WXML 提供两种文件引用方式import和…

    2025年3月8日
    200
  • vue页面加载动画效果的实现

    本文主要和大家详细介绍了vue实现页面加载动画效果,vue页面出现正在加载的初始页面与实现动画效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。   currentPage,    ‘page-current’: o…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论