小程序ios和安卓css
2017-01-16 15:59:35 qq_26440221 阅读数 2955

如今微信上了小程序,摇身一变成了系统平台,通过小程序所展现出的内容,可以知道!

一.微信小程序的查找:

以下就以如“今日头条”为例

在微信添加好友页面,搜索“今日头条”会出现一下页面。

这里写图片描述

这是微信自定义的导航页:

注:开发者只能提供名字、Logo等。布局动不了。
这里写图片描述

小程序主页面

这里写图片描述

二.微信小程序的浏览:

**

发现页面:

**

这里写图片描述

小程序列表:

这里写图片描述

以上在Android和IOS上都是一样的。

接下来是在Android和IOS的不同之处。

三.安卓 vs IOS

安卓点击右上角的会在底部弹出菜单,会出现三项选择:分享、显示在聊天顶部、添加到桌面。

这里写图片描述

这添加到桌面的效果:

这里写图片描述

而目前IOS系统仅出现两项选择:分享、显示在聊天顶部。

这里写图片描述

所以在Android上的体验要由于在IOS上的。

2018-12-12 16:49:14 qq379682421 阅读数 758

1,formId 不同

说明:安卓与ios下的formId的规则是不一样的,之前由于后端拦截了导致报错

ios下的formId
在这里插入图片描述
安卓下的formId
在这里插入图片描述

2,尽量少用定位fixed的百分比

说明:由于小程序是用rpx作为单位,rpx拥有自适应作用,当屏幕大小比例出现变化时,会出现样式错乱问题.

3,input,button默认px作为单位

说明:由于input,button等的fontsize,height等属性都是默认用的px为单位,所以导致在ipad中会出现错位问题

只需要把默认的px单位覆盖为rpx即可。

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

4,ios12 form 无法获取input的值

说明:今天在测试ios想要保存用户输入的资料时,弹出提示说某一项未填写,当时的我是懵逼的,明明已经填完所有的input了啊。而第二次输入之后又可以保存了!之后查了下资料是ios12的问题。

解决:
1,通过bindinput可以正常获取
2,在点击事件中加入setTimeout 可以取到值

2018-05-15 17:27:51 niesiyuan000 阅读数 11515
// data里面加systemInfo:{},
data: {
systemInfo:{},
},

// 点击判断

aaa: function(){
var that = this;
wx.getSystemInfo({
success:function(res){
that.setData({
systemInfo:res,
})
if(res.platform == "devtools"){
            PC
}else if(res.platform == "ios"){
            IOS
}else if(res.platform == "android"){
            android
}
}
})
},

2018-11-03 09:56:00 weixin_34200628 阅读数 37

有图为证:
1780372-f14e7371f9383f13.gif
wx2.gif

原文:https://blog.csdn.net/stp_zsj/article/details/82220307

说明:

     在小程序中ios识别的日期格式为:2018/06/30,因此有时后写倒计时等涉及时间的方法时,会出现安卓可以,ios不可以的问题

解决方法:

    日期格式全部设置为xxxx/xx/xx 格式

具体方法:

    xx.replace(/-/g, "/")
--------------------- 
作者:小丫么小菜菜 
来源:CSDN 
原文:https://blog.csdn.net/stp_zsj/article/details/82220307 
版权声明:本文为博主原创文章,转载请附上博文链接!
没有更多推荐了,返回首页