小程序样式兼容的一些经验...

最新推荐文章于 2024-05-14 15:09:24 发布
最新推荐文章于 2024-05-14 15:09:24 发布
阅读量3.4k 收藏
点赞数
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcz475421852/article/details/82621911
版权

尽量不要在根布局使用padding属性。（测试在IOS上基本都有问题）

实现带透明度背景时不要用遮盖层（可以直接设置背景+透明度...当初不知道可以这样直接用的遮盖层，同样是在IOS里不显示）

请设计同事先看了小程序设计规范再设计（不要再设计可滚动布局里带textarea多行输入框的布局了）

zcz475421852
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序-devtools todo list.zip
04-13
WXSS支持大部分CSS3特性，并且有一些微信小程序特有的样式规则。 3. **JS（JavaScript）**：小程序的逻辑层由JavaScript编写，处理业务逻辑、数据管理和网络请求。通过`Page`和`Component`生命周期方法，可以控制...
微信小程序设计-健身行业.rar
最新发布
05-18
完成小程序开发后，需要进行功能测试、性能测试以及兼容性测试，确保在不同设备上的正常运行。通过微信开发者工具提交审核并通过后，小程序才能正式发布上线。 10. **持续维护与更新** 上线后的小程序需要定期...
关于小程序兼容的问题
愚公的博客
12-02 1911
1、由于按钮固定定位在底部，在一些iPhone X以上的屏幕，底下会有一条线，由此，我们需要解决其问题 方案如下: 监听当前手机型号，判断是否为刘海屏幕 2、小程序ios端的margin-bottom无效。 解决办法：用padding-bottom替换。 3、小程序ios端的日期为NaN-NaN... 　　原因：一般日期为"2020-08-08 08:08:08"格式，ios日期只支持"2020/08/08 08:08:08" 　　解决办法：运用正则转为需要的ios兼容的格式 4、ios下的zI
【小程序】小程序跨平台兼容性问题
m0_61049675的博客
05-14 322
通过结合以上解决方案，你可以更好地处理小程序在不同平台和设备上的兼容性问题，提升用户体验和稳定性。
微信小程序IOS & sticky 兼容写法
曲江涛的博客
10-19 1588
项目场景： 1、自定义导航头信息； 2、sticky在组件内配置在安卓有效、IOS无效的情况； 问题描述： IOS监听机制问题导致sticky在组件内的机制失效 //导航栏吸顶效果 .bar-sticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 101; } 原因分析： 1、sticky定义在组件内，占位元素在页面里，安卓及模拟器有效，IOS真机无效 解决方案： 1、配置-web
微信小程序样式兼容问题：flex
weixin_40918145的博客
11-30 807
使用原生写样式的时候，发现flex布局下，在首次加载的时候样式变形，使用其他布局就没有此问题，换成line-height居中问题就消失了
移动端「小程序」兼容适配
weixin_46554523的博客
11-09 754
移动端开发，往往困扰最大的就是 兼容问题了，机型不同 尺寸比例不同，导致在进行开发过程中经常要把各种兼容性问题考虑在内，最近空闲时间 把个人移动端开发过程中遇到的一些兼容适配问题归纳整理下，希望可以帮到大家。 在使用fixed 固定定位后，要求按钮居中显示，如果知道固定宽高可以通过 left：50% ，margin-left：xxx 这种方式，站在技术层面上来说 这种写法显然不是最佳的选择。通过css3的 transform 属性，可以做到在不知道自身宽高的情况下，利用...
户外旅游微信小程序源码.rar
07-13
【标题】：户外旅游微信小程序源码 【描述】：这个压缩包文件包含了一套完整的户外旅游微信小程序的源代码，旨在为开发者提供一个构建类似应用的基础。微信小程序是一种轻量级的应用形态，无需下载安装即可使用，...
微信小程序源码-餐饮美食.rar
04-15
开发完成后，开发者需要对小程序进行全面的测试，包括功能测试、性能测试、兼容性测试等，确保在不同环境下的正常运行。测试无误后，通过微信开发者工具上传代码并提交审核，审核通过后才能在微信平台上发布。 ...
微信小程序源码-侧滑布局.zip
03-07
在实际开发过程中，开发者还需要考虑兼容性和性能优化，例如避免不必要的重绘和回流，合理设置组件层级，以及充分利用微信小程序提供的API和服务，如微信登录、支付等。 综上所述，这个压缩包中的源码提供了实现...
小程序样式直接赋值不生效，使用这种方法（点击一个按钮，添加背景颜色，再点击时取消）
梁小茹的博客
12-06 526
点击一个按钮，添加背景颜色，再点击时取消 giveList: 是你循环的数组 data.index：是索引，点击的时候将他传过来（data-index="{{index}}") actived: 是控制点击选中或取消，通过true 和 false 来判断 拿到点击的那个索引让他取反 通过过滤方法把actived 和你要选的那一项 name 或者是它的id detailValue：是所有选中的值 selectMater: fnction(e) { console.log(e
通过shape-outside来设置文字环绕时的形状
weixin_33769125的博客
09-24 475
现在真是越来越注重用户体验了，而“shape-outside”就是其中一个能让网页排版更友好的一个属性。 默认文字是根据图片的边进行的。 但现在我们完全有能力去改变这一行为，下面是通过shape-outside来实现文字根据白色的那个圈圈来排版的，虽然不是很精确。 来看看代码 <style> img{ width:600px; height:500px; ...
小程序在 iphone6中的flex布局 兼容性
平凡之路
05-10 3158
项目上线后，被体验用户截图了。样式完全爆炸。 我当时也差点原地爆炸了。因为在测试开发阶段，没有看到这样的情况出现。一时间有点慌张，哈哈哈哈，其实 还好。 仔细发现，就会察觉到是flex布局的兼容性问题了，在日常开发中，我似乎没有养成这样需要display:-webkit-flex；这样多书写一行代码的习惯，因为觉得现在大多数人的手机不应该那么老。现在开来，做开发还是需要多照顾那些在201...
小程序踩坑记录，兼容，bug等，持续更新
海天酱油zz
11-30 940
表示小程序的第一个项目就踩坑这么多，难受………… 一、小程序navigateTo网络延迟产生连续跳转问题，采用节流函数 //调用封装的节流函数方式防止bug，一秒内只能跳转一次 that.binging(); //采用节流函数方式，解决微信延迟多次跳转bug ,binging:util.throttle(function () { wx.navigateTo({ ...
小程序兼容ipnoneX样式
caoyan0829的博客
05-24 4699
wx.getSystemInfo({ success: function(res) { if (res.model.indexOf("iPhone X") > -1) { _this.data.isIpx = true; } } }); class="call-serveice {{isIpx ? 'ipx-bottom' : ''}} .ipx-bot...
微信小程序遇到margin-top无效的解决方法
qq_41212530的博客
03-22 6471
如果你的代码格式类似这样 <view class="v1"> <view class="v2"> </view> </view> 那么解决的方法就是 wxss文件中添加 .v1{ overflow: hidden; } ...
微信小程序兼容性问题
热门推荐
luyaran的博客
02-18 1万+
微信小程序发布一周多了，兼容性问题，特别是 Android 平台兼容性问题特别严重。据我观察，好多小程序掉到兼容性的坑里。掉坑里不要紧，更让人捉急的是，从坑里爬上来的时候，手刚抓到坑沿，又被微信官方踩到（紧急修复兼容性的版本没审核通过，被微信打回重审），再次跌落坑底，然后眼睁睁地看着后台用户在破口大骂“什么东西都没有啊~，什么破小程序”。 微信小程序的兼容性问题除了微信本身的 Bug 外，大部分
微信小程序遇到的一些样式问题及解决方案
yr123456654321的博客
07-09 2917
最近试着写了一个仿美团的微信小程序，遇到一些样式问题，及如何解决的如下： 一：点击显示隐藏 （1） 二：正则表达式，利用true or false来动态添加类名 （1） 三：保留小数点后两位，直接用toFixed()不行，我试过了，后来发现从外部引入文件可以 （1）在utils文件下建一个filters.wxs文件 （2）在page内的页面内引入filters.wxs文件： ...
小程序 sortable.js
09-04
sortable.js是一个基于JavaScript的小程序库，用于实现可排序的列表和表格。 sortable.js具有简单易用的接口，通过拖拽和释放的方式，可以轻松地调整列表和表格中项目的顺序。它可以用于各种场景，比如拖拽排序、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值