- 在模拟器上正常显示,但是在 iOS 真机上有问题。 没用native-component。什么原因?
[图片] [图片]第一张是模拟器上的效果,第二张是iOS真机效果,文字没显示出来。 真机vConsole 上看wxml结构,内容是存在的。 以下是wxml代码和css代码。 [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"benefits-badge-wrapper"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]block[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{benefits}}"[代码] [代码]wx:for-item[代码][代码]=[代码][代码]"benefit"[代码] [代码]wx:key[代码][代码]=[代码][代码]"{{id}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"benefit-badge"[代码] [代码]style[代码][代码]=[代码][代码]"z-index:{{10-index}};"[代码][代码]>{{benefit.name}}</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码][代码].benefits-badge-wrapper {[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]/*right: 0;*/[代码][代码]}[代码][代码].benefits-badge-wrapper .benefit-badge {[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]white[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]0[代码] [代码]30[代码][代码]rpx [代码][代码]6[代码][代码]rpx;[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]relative[代码][代码];[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]10[代码][代码];[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]28[代码][代码]rpx;[代码][代码]}[代码][代码].benefit-badge::before {[代码][代码] [代码][代码]content[代码][代码]: [代码][代码]''[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]right[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]-30[代码][代码]rpx;[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]-1[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]0[代码] [代码]0[代码] [代码]15[代码][代码]rpx [代码][代码]15[代码][代码]rpx;[代码][代码] [代码][代码]box-shadow: [代码][代码]2[代码][代码]rpx [代码][代码]2[代码][代码]rpx [代码][代码]10[代码][代码]rpx [代码][代码]0[代码] [代码]rgba([代码][代码]0[代码][代码],[代码][代码]0[代码][代码],[代码][代码]0[代码][代码],[代码][代码]0.20[代码][代码]);[代码][代码] [代码][代码]transform: scaleY([代码][代码]1.3[代码][代码]) perspective([代码][代码]10[代码][代码]rpx) rotateX([代码][代码]-5[代码][代码]deg);[代码][代码] [代码][代码]transform-origin: [代码][代码]bottom[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#F7B500[代码][代码];[代码][代码]}[代码]js 文件里面除了提供data,没有任何代码。不知道是不是小程序对于 iOS 的 css 兼容有问题?或者说需要什么特殊处理?求官方人员解答
2019-12-05 - 云开发入门
重磅打造的小程序学习路径课,从微信小程序到微信云开发体系化的学习,带来更加顺畅的学习体验。
2021-11-19