因项目需要,以map为背景,上面悬浮有其他组件.微信开发者工具测试时一切正常,但是真机测试时地图组件却把所有的组件覆盖,检查z-index设置,一切正常,地图组件层级也在这些组件的下面,为什么会被覆盖呢? 查小程序官方文档,官方文档表示,map组件层级最高无法用z-index控制.这就很难受了. 那我一定要在地图上放东西怎么办,官方给出解决办法是 1. controls,但是controls的本质就是一张图片,无法满足多样化的需求(controls即将废弃,请使用 cover-view) 2.c

最近做了一款微信小程序,各方面感觉都很完美(萝卜一直这么自信),今天设计总监告诉我你的小程序怎么返回顶部不好使呀,吓得我赶紧拿手机试试,没毛病啊,我手机(苦逼的安卓机)上点两下就回去了呀,遂去找他理论,设计总监拿他手机(高大上的苹果机)当场演示,才恍然,这是又入了大苹果的坑... 啊,说这么多废话好累! 如果发现你的小程序在scorll-view设置了enable-back-to-top为true,在安卓上返回顶部好使,ios上点击状态栏返回顶部不好使,如下图操作即可.

方案1:直接使用微信小程序提供的 “scroll-view " 组件. <scroll-view scroll-y style="height: 100%;"> <!--你要滚动的内容--> </scroll-view> 注意:必须要设置scroll-view的高度height 加了scroll-view之后,外出view需加上overflow:scroll,否则还是会被撑大,导致固定布局的位置有问题. 方案2: view{ overflo

描述 小程序ios   new Date('2019-08-14T08:00:00.000+0000')   显示为  <Date: null>. '2019-08-14T08:00:00.000+0000'     转为    Date new Date('2019-08-14T08:00:00.000+0000'.replace(/^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2}).*$/, '$1 $2 GMT+0000').replace(/-/g, '/

给定一个时间字符串  var time="2017-02-27 16:42:53" js有三种转换为时间戳的方法:1.var timestamp = Date.parse(time)2.var timestamp = time.getTime()3.var timestamp = time.valueOf()第一种方法只能精确到秒,后两种能精确到毫秒.然而相同的代码,在android上能正常执行,在ios上就会出错.临下班来这么一出,被坑得贼惨,明天开始五一假期,只能晚上加班来解决小程

这几天做小程序,有些页面都是全屏的背景,在安卓上背景是固定的,而在ios上上拉下拉出现白色,测试说体验不太好,一开始我以为是下拉上拉刷新造成的,关闭了依然是这样.为了体验好点,可以按一下解决: 方式一: 可以在page.json文件内配置 :"backgroundColor": "#ccc" 属性,这个方法比较便捷.但是对于一些全屏背景的页面体验还不是很好 方式二: 对于一些全屏背景页面,我们可以让背景固定这样体验会好点,可以按以下进行操作: 1>page.j

感觉ios的小程序每个页面都可以下拉出现白屏 有时页面带有滑动的属性会跟着晃动,体验不是很好 解决办法: 先禁止页面下拉 <config> { navigationBarTitleText: "购物车", disableScroll:true } </config> 这样的话页面整个都拉不动了,下面溢出的内容就拉不出来了,此时用overflow:scroll间接滑动 .content{ width:100%; height:600rpx: overflow-y:

小程序 真机调试 IOS request:fail 发生了SSL 错误,无法建立与该服务器的安全连接,解决方法服务器中打开Powerhell,执行以下代码,然后重启服务器 # Enables TLS 1.2 on windows Server 2008 R2 and Windows 7 # These keys do not exist so they need to be created prior to setting values.md "HKLM:\SYSTEM\CurrentContr

遇到问题 目前正在开发一个小程序,然后苹果真机测试时发现无法授权并提示,errMsg:"request:fail 未能完成该操作.协议错误" 开发环境下测试没问题,安卓机真机测试没问题,但是部分苹果手机真机测试就除了问题提示如下图 解决过程 首先排查了前后端逻辑问题和服务器问题,发现两者都没问题,于是开始检查证书问题 在腾讯的https://cloud.tencent.com/product/tools#userDefined12检测域名,发现证书被苹果ATS信任,并且支持TLS1.2

异常描述: 使用 navigator 导航,各种属性配置没问题,就是点击死活不跳转. 异常分析: 遇到这种情况,要先考虑的就是当前配置的导航url,是不是已经使用在tabBar中,因为小程序对于navigator 有如下描述: 也就是说navigator 中使用tabBar中的路由链接,是不能使用navigateTo这种方式的,需要使用wx.switchTab()这种方式,也就是说navigate组件的 open-type 需要switchTab.

1.在微信开发者工具可以正常显示 2.在安卓真机手机可以正常显示 3.在ios手机真机无法正常显示 原因:父级view的css属性有 position: fixed; ,把它注释掉即可

这个需求是在wepy交流群里有群友提到的. 一个小花样. 注册mixins /** * IOS专用 顶部下拉橡皮筋效果 * 安卓的Page在到达顶部的时候,不能继续下拉...略过 * * 效果见 饿了么送餐服务 "我的" 页面 IOS环境 上下拖动 * * 下拉时, 顶部色块拉伸,上划时,顶部色块收缩. * wxml : <view style='background-color: #0000ff;min-height:50vh;z-index:-1;height:{{elast

给定一个时间字符串  var time="2017-02-27 16:42:53" js有三种转换为时间戳的方法: 1.var timestamp = Date.parse(time)2.var timestamp = time.getTime()3.var timestamp = time.valueOf()第一种方法只能精确到秒,后两种能精确到毫秒.然而相同的代码,在android上能正常执行,在ios上就会出错. var time ='2017-02-27 16:42:53';

由以下原因导致的 1. 未设置标题(backgroundPlayer.title)或标题为空 2. url只能英文,不能出现空格以及其它字符(中文.韩文.日文等)- iOS要求英文路径

经过测试发现,当时间格式为 2018-08-08 08:00 ,需要将时间转为其他格式时,Android端转换成功,iOS端报错或是转为NaN 这是因为iOS端对符号‘ - ’不支持,也就是说iOS端只支持这种格式: 2018/08/08 08:00,也就需要将符号 ‘ - ’ 换成 ‘ / ’,这样的格式在两端中都兼容 替换方法: let oldTime = '2018-08-08 08:00' let newTime = oldTime.replace(/-/g, '/')

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教

小程序QQ交流群:131894955 小程序开发文档(Wepy) 小程序商城源码下载(weixin-app-shop) 小程序官网源码下载(weixin-app-cms) 微信管家平台JAVA版开源下载(Jeewx 捷微) 微信小程序官方Demo(Hao-Wu/WeApp-Demo) 微信小应用示例代码(phodal/weapp-quick) 微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo) 微信小应用- 掘金主页信息流(hilongjw/weapp-go

微信内置浏览器: 微信小程序: 有micromessenger是微信内置浏览器,有micromessenger和miniprogram的是微信小程序.  (ios不适用) if(navigator.userAgent.toLowerCase().indexOf('miniprogram') != -1){ console.log("微信小程序"); } else if (navigator.userAgent.toLowerCase().indexOf('micromessenger'

--------------------- 本文来自 fenxiangjun 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/fenxiangjun/article/details/54429666?utm_source=copy 微信小程序官方Demo(Hao-Wu/WeApp-Demo) 微信小应用示例代码(phodal/weapp-quick) 微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo) 微信小应用- 掘金主页信

问题现象 这个问题的现象说起来很简单. 小程序页面中有一篇很长的文章,内部有一个Echarts图表,手指上下滑动观看内容. 但是手指滑动区域在Echarts图表上时,页面却不能滑动了. 如下图: 追踪问题原因 因为在小程序上渲染图表用到的是echarts-for-weixin这个组件,而这个组件确实不支持一些Echarts功能. 所以最开始我怀疑是这个组件的问题,认为它把我的滑动事件给吞了. 为了确认这个问题,我直接在这个组件ec-canvas旁加了个兄弟节点view,然后用绝对定位将其覆盖在e

问题现象 这个问题是最近在优化小程序代码时发现的. 在ios环境下,微信小程序的scrollview组件包裹着一个position:fixed的view. 当在scrollview组件上滑动时,这个view会疯狂抖动. 直接上图吧: 下面是简化后的代码: <view class="main"> <scroll-view scroll-y="{{true}}" bindscroll="handleScroll" style=&qu