• 本篇文章记录的是小程序兼容ios 6.7.7 ,plus, x及xs等等,最后方式设计人员应该看懂的设计方式(会了才能开发设计搞…) 第一、各个iphone的尺寸 绝对是帮你解决各种问题的表,对应微信开发工具去设置,还用什么...

    本篇文章记录的是小程序兼容的ios 6.7.7 ,plus, x及xs等等,最后方式设计人员应该看懂的设计方式(会了才能开发设计搞…)

    第一、各个iphone的尺寸

    绝对是帮你解决各种问题的表,对应微信开发工具去设置,还用什么测试机,省省省。

    在这里插入图片描述
    在这里插入图片描述

    第二、考虑各种iPhone x的留海底部,安全区域

    真正的代码放着了
    界面没有用rpx 用的是 px. 所以我这里就没乘2了,
    下面的49是底部有个按钮
    1.带x的 都有刘海,注意底部,安全区域。
    2.xr是特殊的x, 他是@2x的图,
    3.我们开发在设计界面上,概率尺寸就行,分辨是和对应的iphone版本换图才会用到,

    wx.getSystemInfo({     //获取窗口信息  设置筛选的高度
          success: function (res) {
            console.log(res)
            var heightNum = res.windowHeight
            that.setData({
              heightbox : heightNum 
            })
            if (res.model.indexOf('iPhone XR') != -1) {    //这个比较特殊
              heightNum = heightNum - 49 - 34;
              that.setData({
                scrollHeight: heightNum,
                paddingb: 34
              });
            } else if (res.model.indexOf('Plus') != -1){
              heightNum = heightNum - 49;
              that.setData({
                scrollHeight: heightNum,
              });
    
            } else if (res.model.indexOf('iPhone X') != -1){
              heightNum = heightNum - 49 - 34;
              that.setData({
                scrollHeight: heightNum,
                paddingb: 34
              });
            } else {
              heightNum = heightNum - 49;
              that.setData({
                scrollHeight: heightNum,
              });
            }
          }
    

    在这里插入图片描述
    放一张开发图
    在这里插入图片描述

    例外有人通过分辨率来设计宽高,这里我就不指手画脚,因为我没有试过(着急解决问题),后面试试!
    放一个简单的demo

    wx.getSystemInfo({
          success: function (res) {
            that.setData({
              //动态根据手机分辨率来计算内容的高度(屏幕总高度-顶部筛选栏的高度)
              contentHeight: (res.windowHeight - 72 * res.screenWidth / 750)
            });
          }
        });
    

    3.设计人员请看

    对设计稿有详细的了解描述

    在这里插入图片描述

    展开全文
  • 今天写的小程序的时候遇到一个很奇怪的问题,这里记录一下,下次遇到同样的问题就可以快速的结局了 参考链接: https://blog.csdn.net/qq_33237207/article/details/80761480 问题具体的是如上这样在ios上显示的不...

    今天写的小程序的时候遇到一个很奇怪的问题,这里记录一下,下次遇到同样的问题就可以快速的结局了
    参考链接: https://blog.csdn.net/qq_33237207/article/details/80761480

    在这里插入图片描述

    在这里插入图片描述

    问题具体的是如上这样在ios上显示的不兼容,在ios和pc上调试都是可以正常的显示的

    
    that.leftTimer(responseData.doneTime.replace(/-/g, '/'))
    leftTimer这是自己封装的一个倒数计时的插件,后期会写在博里面
    responseData.doneTim 是后台返回给我的一个时间,时间的格式类似是 2019-06-19 13:22:23 这样的格式
    在这里我们必须要转化成 2019/06/19 13:22:23 的形式,在ios上才可以完美的兼容
    
    展开全文
  • 1.IOS 上 JS 只支持 new Date(“YYYY/MM/DD”)这一种格式 YYYY,MM,DD 等格式都不支持

    1.IOS 上 JS 只支持 new Date(“YYYY/MM/DD”)这一种格式 YYYY,MM,DD 等格式都不支持

    展开全文
  • 记录下在微信小程序中遇到的一些兼容性问题,iOS兼容性 1.iOS中input的placeholder属性字体不居中 对placeholder设置line-height及font-size 对input设置高度 2.iOS中滚动卡顿 设置-webkit-overflow-scrolling:...
        
    记录下在微信小程序中遇到的一些兼容性问题,iOS兼容性

    1.iOS中input的placeholder属性字体不居中

    • 对placeholder设置line-height及font-size
    • 对input设置高度

    2.iOS中滚动卡顿

    • 设置-webkit-overflow-scrolling:touch;

    3.微信小程序中解决iOS中new Date() 时间格式不兼容

    • 在实现倒计时,根据后台返回的时间格式转换时,后台返回了时间格式为”2018-11-12 11:12:11”,然后利用new Date() 转换时,ios中无法展示,安卓中显示正常
    let time = '2018-12-10 11:11:11';
    let temporaryTime1 = new Date(time);
    this.setData({
       timeRemain1: temporaryTime1,
    })
    /* 利用正则表达式替换时间中的”-”为”/”即可 */
    let time = '2018-12-10 11:11:11';
    let temporaryTime = new Date(time.replace(/-/g,'/'));
    let temporaryTime1 = new Date(time);
    this.setData({
        timeRemain: temporaryTime,
        timeRemain1: temporaryTime1,
     })

    4. 微信小程序scroll-view隐藏滚动条方法

    • 在wxss里加入以下代码:
    ::-webkit-scrollbar{
    width: 0;
    height: 0;
    color: transparent;
    }
    暂时遇到的兼容性就是这么多,会持续更新,若大家有遇到,可在评论区告知下,感谢


    正在努力学习中,若对你的学习有帮助,留下你的印记呗(点个赞咯^_^)
    展开全文
  • timg.jpg 最近项目需要用到时间转时间戳,于是直接使用date.parse()转换得到时间戳 // date和time是之前保存的,date为“yyyy-MM-dd”格式 // time为“HH:mm:ss”格式 date.parse(date + " " + time);...
        
    9166166-a7116439ae96c12a.jpg
    timg.jpg

    最近项目需要用到时间转时间戳,于是直接使用date.parse()转换得到时间戳

    // date和time是之前保存的,date为“yyyy-MM-dd”格式
    // time为“HH:mm:ss”格式
    date.parse(date + " " + time);
    

    对于之前主要使用java开发的我来说,这个很好理解,的确,在模拟器和android手机上也能正常运行。
    但是,跑到ios上就出问题了,调试才发现时间转换后得到的是NaN
    原来,在ios上是不识别“yyyy-MM-dd HH:mm:ss”格式的时间的,它的日期需要通过“/”来分隔
    然后,代码稍作修改:

    var dateTime = (date + " " + time).replace(/-/g, "/");
    date.parse(dateTime )
    

    replace很好理解,而其中的第一个参数/-/g属于正则,/-/表示匹配“-”字符,后面的g匹配所有的“-”,所以这一句代码的意思即,将所有的“-”替换为“/”,即时间格式替换为“yyyy/MM/dd HH:mm:ss”
    原文:简书ThinkinLiu 博客: IT老五

    ps: 小程序的好处是兼容性,一套代码跑多个平台,但同样,问题最多的也是兼容性,比如本文的时间转换,之前提过的下拉刷新,以及蓝牙连接等,这些都是踩过坑才知道,如果你们还遇到过什么坑,欢迎指导。

    9166166-931fd471780b7e64.jpg
    IT老五(it-lao5):关注公众号,一起源创,一起学习!
    展开全文
  • 这不只是小程序上面的问题是ios系统 都有这个问题 就是new Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下 1.替换”-“为”/“ 2.删除”.“后面的字符串(带毫秒也会有...
  • 这不只是小程序上面的问题是ios系统 都有这个问题就是new Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下 1.替换”-“为”/“ 2.删除”.“后面的字符串(带毫秒也会有问题)...
  • 一般在做投票时或者拼单时都需要展示倒计时,但是小程序ios中倒计时不显示,安卓中能正常显示 原因是:IOS不支持2019-4-1 10:20:30这种格式,只需要将 - 替换为 / 即可解决: var remainDate = "2019-4-1 10:20:30...
  • 记一下自己在开发中遇到的问题以及解决方案: 在做表单验证的时候,需要验证时间日期是否大于今天。然后通过将日历插件选择的日期和当前日期进行比较。 代码如下: //日历插件选择的日期 ...
  • 最近写项目的时候,获取时间戳的时候发现了在ios上面显示NAN,网上查了一下,很多东西讲的不详细,没办法解决我的问题,花了一点时间研究了一下,现在分享给大家。 后端传的值是2019-05-30 20:08:40.0,如果需要用在...
  • 就是new Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下 1.替换”-“为”/“ var thisData = r_that.data.thisDate.replace(/-/g, '/'); var date = new Date...
  • 今天遇到,在小程序里textarea会存在一定的兼容性问题,textarea有默认的内边距,在安卓和ios显示的时候,ios边距会比安卓的大很多。 解决办法: 通过 wx.getSystemInfoSync()获取手机的机型;然后判断是ios还是...
  • 稍微笔记记录: ios8 对于 微信小程序的 transform 是不支持的,必须写成兼容模式 -webkit-transform
  • 兼容ios的日期格式化

    2020-07-10 23:31:00
    兼容ios的日期格式化,兼容ios的日期格式化,兼容ios的日期格式化
  • 解决方式:底部增加 34px 的高度,使元素不被横杠遮挡。 效果图: 常规效果 iPhone X 效果 ...小程序 iPhone X 底部按钮兼容示例</view> <view>helang.lov...
  • 小程序的功能不断的增加,但是旧版本的微信客户端并不支持新功能,所以在使用这些新能力的时候需要做兼容。 文档会在组件,API等页面描述中带上各个功能所支持的版本号。 可以通过 wx.getSystemInfo 或者 wx....
  • var time=2019-02-19 11:47:03   time=time.createTime.replace(/-/g, '/');
1 2 3 4 5 ... 20
收藏数 34,307
精华内容 13,722