iOS微信小程序border边框上下不显示的问题

在微信开发者工具正常，但是真机调试ios边框上半部分直接隐掉了

1.因为数据是for循环出来的，导致每搁一个数据就显示异常一个

2.没有定义宽高，完全是padding给撑起来的

3.修改样式之后，发现确实是boder的问题

于是........

那就不要border了，直接加入一个伪元素定位在自己设置的元素上面就可以了

<view class="border-line-primary"><image src="ic_zizhi.png" style="width: 26rpx;height: 26rpx;margin-right: 10rpx;"> </image><text>某个认证</text>
</view>

.border-line-primary {position: relative;padding: 4rpx 20rpx;border: 0rpx solid blue;
}.border-line-primary:after{content: "";border-style: inherit;border-color: inherit;box-sizing: border-box;border-radius: 12rpx;border-width: 2rpx;position: absolute;left: 0;top: 0;width: 200%;height: 200%;transform-origin: 0 0;transform: scale(0.5) !important;z-index: 1;
}

iOS微信小程序border边框上下不显示的问题相关推荐

微信小程序 border设置单边框失效解决办法
微信小程序 border设置单边框失效解决办法遇到的问题解决的方法总结遇到的问题 border-right: 1 rpx solid #ccc;border-bottom: 1 rpx sol ...
微信小程序border padding margin
微信小程序border padding margin 1.padding 定义元素边框与元素内容之间的空间. 可能的值 auto: 浏览器计算外边距 length:规定以具体单位计的外边距值,比如像素 ...
微信小程序苹果手机边框1rpx显示不全解决办法
微信小程序苹果手机边框1rpx显示不全,加上transform: rotateZ(360deg) .address-map{width: 125rpx;height: 36rpx;line-heigh ...
ios微信小程序虚拟支付解决办法
ios微信小程序虚拟支付整理介绍目前iOS端暂不支持虚拟支付,微信小程序虚拟支付仅涉及到ios端,安卓端不受影响. 小程序支付规范 https://developers.weixin.qq.com/ ...
【羊了个羊】Burp抓取IOS微信小程序数据包
描述最近,小游戏"羊了个羊"在朋友圈刷屏,网友纷纷表示,游戏开发者多少有个病要治!!! 本文记录,如何使用Burp抓取ios微信小程序数据包. 工具准备 Burp 苹果手机 wi ...
IOS微信小程序页面滚动导致滚动穿透的解决办法
IOS微信小程序页面滚动导致滚动穿透的解决办法当微信小程序页面存在弹窗并且有可滚动的列表时,IOS默认的页面滚动会使弹窗滚动列表失焦,从而出现弹窗列表无法滚动的情况第一步第二步当微信小程序页面 ...
ios微信小程序中 input 输入框问题，输入的光标中的内容自动清空
ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空问题描述 1.我在页面上有个倒计时的功能,每一秒都在更新时间,更新时间显示的值(view一直变) 2.我调用input输入框,准 ...
解决 ios 微信小程序分享到朋友圈禁用问题
微信小程序分享到朋友圈显示当前页面的转发按钮显示当前页面的转发按钮 wx.showShareMenu 配置当前页面的转发按钮. onLoad(){wx.showShareMenu({withSha ...
微信小程序背景图真机显示不了
微信小程序在本地开发工具正常显示图片(包括背景图),在真机显示不了,常见的几种情况: 1.微信小程序背景图真机显示不了微信小程序如何设置背景图片? | 微信开放社区微信小程序设置背景图片不显示问题 ...

iOS微信小程序border边框上下不显示的问题

iOS微信小程序border边框上下不显示的问题相关推荐

最新文章

热门文章