ios 动态显示的button css样式失效absolute bg等
absolute的问题:
wx:if动态显示cover-view,class样式的设置为absolute,但是有时候left,right,top,bottom没有生效,默认显示在左上角0 * 0;如下图
正常如下: [图片]有时候样式会不生效,就对定位元素出现在左上角: [图片] 相关代码: wxml: [代码]<button wx:[代码][代码]if[代码][代码]=[代码][代码]"{{inputShow === false && load === true }}"[代码] [代码]open-type=[代码][代码]"share"[代码] [代码]class=[代码][代码]"shareBtn"[代码][代码]>[代码][代码] <cover-image class=[代码][代码]"share"[代码] [代码]src=[代码][代码]"/assets/img/share.png"[代码][代码]></cover-image>[代码][代码]</button>[代码] [代码] [代码] [代码]<block wx:[代码][代码]if[代码][代码]=[代码][代码]"{{token === false && canIUse && load === true }}"[代码][代码]>[代码][代码] [代码][代码]<button open-type=[代码][代码]"getUserInfo"[代码] [代码]bindgetuserinfo=[代码][代码]"bindGetUserInfo"[代码] [代码] data-type=[代码][代码]"gift"[代码] [代码]size=[代码][代码]"mini"[代码] [代码]class=[代码][代码]"giftBtnCont"[代码][代码]>[代码] [代码] <cover-image style=[代码][代码]"width: 100%;height: 100%"[代码] [代码]src=[代码][代码]"/assets/img/gift.png"[代码][代码]></cover-image>[代码][代码] </button>[代码][代码] [代码][代码]<button open-type=[代码][代码]"getUserInfo"[代码] [代码]bindgetuserinfo=[代码][代码]"bindGetUserInfo"[代码] [代码] data-type=[代码][代码]"send"[代码] [代码]size=[代码][代码]"mini"[代码] [代码]class=[代码][代码]"sendBtn"[代码][代码]>[代码] [代码] <cover-image style=[代码][代码]"width: 100%;height: 100%"[代码] [代码]src=[代码][代码]"/assets/img/live_say.png"[代码] [代码]class=[代码][代码]"share"[代码][代码]> </cover-image>[代码][代码] </button>[代码][代码]</block>[代码] wxss: [代码].giftBtnCont {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]right[代码][代码]: [代码][代码]16[代码][代码]rpx;[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]84[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]84[代码][代码]rpx;[代码][代码] [代码][代码]padding-left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]padding-right[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]transparent[代码][代码];[代码][代码]}[代码] [代码].sendBtn {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]16[代码][代码]rpx;[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]84[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]84[代码][代码]rpx;[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]transparent[代码][代码];[代码][代码]}[代码] [代码].shareBtn {[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]right[代码][代码]: [代码][代码]115[代码][代码]rpx;[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]10[代码][代码]rpx;[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]84[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]84[代码][代码]rpx;[代码][代码] [代码][代码]padding-left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]padding-right[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]background-color[代码][代码]: [代码][代码]transparent[代码][代码];[代码][代码]}[代码] background的问题: 一个flex cover-view盒子,左边是固定宽高动态添加src的cover-image,中间是不定长文字,右边是动态加载固定宽高的元素,给盒子加上有透明度的background,ios中只会给文字加上背景,图片和动态加载的元素不会显示背景。显示上来看,cover-image没加载src的时候宽高没没起作用。 希望这些问题官方能重视