微信小程序开发中遇到的问题

微信小程序 真机调试 cover-view里的iconfont 不显示

原代码cover-view中使用iconfont彩色图标：图标在模拟器上正常显示，但是在真机上不显示 <cover-view class="t-icon t-icon-ABC"></cover-view> 解决方案如下：将cover-view标签改为view标签即可，其他部分不变 <view class="t-icon t-icon-ABC"></view> ...

cover-view与view ok，介绍完了图片的两种组件，我们再来介绍两种组件。 cover-image和view这两个组件的作用是。。。都知道div吧？这个东西和div一毛一样，块级元素、独占一行、没啥含义，就是容器。 它们的区别就像是cover-image与image的区别一毛一样，就是cover-view会成为全场最靓的崽（始终在页面可视区域的最上面） 上代码！ wxml <cover-view>博主最帅</cover-view> <view>博主最帅</

使用cover-view 与 cover-image 是实现覆盖在原生组件之上的文本视图。 效果图 效果图代码 wxml <view class="page-body"> <map id="map" style="width:100%; height:{{Height}}px" scale='16' l...

小程序cover-view内文字在IOS被遮挡问题 IOS上的一个问题，在地图页，因为是原生组件的限制，小程序现在只允许使用cover-view、cover-image、button、nav标签，其他标签会被忽略。 当有需求在cover-view里展示文字的时候，发现在IOS真机上，最后一个文字会被截取一半，经过调试，无论是增加外边距、内边距还是调整展现方式均无效。 最后在小程序社区里面看到...

微信小程序开发 一 微信小程序的配套组成部分 1.1 域名 域名注册，例如阿里云上 1.2 SSL域名证书 （https协议开头） 微信小程序官方明确要求，必须要用https开头 1.3服务器 1.4 短信资费 例如注册登录，此时需要为用户提供短信发送 1.5申请小程序账号 小程序注册：https://mp.weixin.qq.com/wxopen/waregister?action=step1 二 微信小程序开发 2.1 小程序与普通网页开发的区别 小程序的主要开发语言是 J..

从微信小程序发布到现在经手的小程序也有好几个了，开发过程中多少会遇到一些坑，这里汇总一下开发中遇到过的坑与小程序开发技巧。 首先我要先吐槽一下mpvue。 由于我之前做过的小程序全部都是原生开发，最近的一个项目一开始的选型是准备使用mpvue的，我自己也想尝尝鲜，但是在做完基础准备，开始开发的第三天在写一个带输入框的组件时遇到了严重的bug，以至于所有组件形式的输入框全部都不能使用。 在githu...

微信小程序开发虽然在技术上相对简单，但仍然会面临许多问题和挑战。通过不断优化代码，做好性能调优，合理配置权限和网络请求，我们可以提高小程序的稳定性和用户体验。同时，及时关注微信官方的文档和更新，确保在最新的环境下开发和发布小程序，才能更好地解决开发中的问题。希望本文提供的常见问题和解决方案能帮助你更顺利地进行微信小程序的开发。如果你遇到其他问题，欢迎留言讨论。

原生组件在真机的表现不同 显示层级问题 原生组件不支持z-index改变显示层级，后面的标签会在顶层显示 iOS cover-view文字显示不出来的问题 iOS上部分CSS样式不支持，如果使用了会导致文字显示不出来，可能造成影响的有 display: flex; flex-direction: column; justify-content: center; align-items: center; iOS cover-view文字显示半截 iOS上计算宽高有问题，解决办法是使用固.

如图 居家日常被截取掉了 代码 解决方法 在文字后面添加一个全角空格 就能解决该问题

在ios下，cover-view 始终是overflow:hidden方式显示，无论怎么调整，都不会变化。而在android下，overflow的样式可以被覆盖的。 cover-view下，设置了z-index不起作用。 基于以上的考虑，在设计图和页面实现时，应该考虑到这种情况的影响。存在页面元素交叉覆盖时，就不容易实现了。 ...

##在微信小程序上使用字体图标注意了，当有cover-view的时候千万不要使用字体图标，因为在iOS上cover-view根本就没有伪元素。

最近搞小程序的map 地图，在map 组件内只能用用cover-view 或者cover-image等标签，但是发现用上图标在真机上不显示，后来发现用在其他非原生组件里却没有这个问题，经过查阅相关资料发现，小程序的原生组件中嵌套标签上使用图标确实有bug ，真机上不显示，只能用cover-image 使用图片才行。 还有个值得注意的地方，小程序中使用字体图标的话，字体文件上传失败，要转成base...

微信小程序很多地方需要用到 cover-view 来实现各种需求，但是 cover-view却有各种各样的坑 最近踩了2个坑，记录一下解决方案， 1、 cover-view 显示不全问题 在项目中碰到地图上要展示联系电话的需求，使用 cover-view，导致有时候电话号码会缺个1位，找了很久都没发现问题所在，最后采用了笨办法，手动设置宽度来实现，直接定义width：***，而不让他自己去撑开，就...

view在canvas上无法正常显示。 在canvas上使用view来添加图片和弹框时，发现图片以及弹框在canvas的下面，不能正常显示图片。 查看文档发现canvas、map、video等原生组件使用的是native实现的，默认显示在小程序的最上层，所以就把view换成cover-view或者cover-image。 使用view效果： <view class = "sublin...

在做小程序中的地图时，遇到已奇怪的问题，cover-view不受z-index控住，后来几经折腾，得出如下结论。（不知道后面腾讯方会不会优化这个问题） 这是在小程序里做的一个地图，上面的所有的都得用cover-view，cover-image。问题是cover-view，cover-image的层级不受z-index影响。如上图，上面分三块，层级排序分别是（1）&lt;（2）&lt;（3）。 通...

自从做小程序以来，就遇到了好多坑，其中一个就是textarea层级过高，会穿透其他层次，这时候用z-index也是不管用的。 官方是这么说的： 小程序框架为了优化体验，部分组件如map、video、textarea、canvas通过原生控件实现，原生组件层级高于前端组件，为了能正常覆盖原生组件，设计了cover-view。 所以说用cover-view就可以了，但是在用cover-view的时候也有好多坑，这就导致使用cover-view会不起作用或者cover-view里的组件也不显示了，接下来我就描

小程序中用到了 iconfont，但是一次更新图标库后，很多 icon不显示了。 原因：iconfont 之前下载下来是把 woff 文件转成 base64，项目中也一直使用 woff 转成的 base64；目前 iconfont 下载下来后的 iconfont.css中是把 woff2文件转成 base64。 解决方法：使用https://transfonter.org/将 woff 文件转成 ...