收藏
回答

ios 动态显示的button css样式失效absolute bg等

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug cover-view 客户端 iOS 6.7.0 2.2.0

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: 16rpx;
  bottom: 10rpx;
  width: 84rpx;
  height: 84rpx;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}
 
.sendBtn {
  position: absolute;
  left: 16rpx;
  bottom: 10rpx;
  width: 84rpx;
  height: 84rpx;
  background: transparent;
}
 
.shareBtn {
  position: absolute;
  right: 115rpx;
  bottom: 10rpx;
  width: 84rpx;
  height: 84rpx;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}


background的问题:

一个flex cover-view盒子,左边是固定宽高动态添加src的cover-image,中间是不定长文字,右边是动态加载固定宽高的元素,给盒子加上有透明度的background,ios中只会给文字加上背景,图片和动态加载的元素不会显示背景。显示上来看,cover-image没加载src的时候宽高没没起作用。



希望这些问题官方能重视

回答关注问题邀请回答
收藏

2 个回答

  • 良
    2018-07-19

    切换房间的时候,button在live-player上不见了,没渲染出来

    2018-07-19
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-07-18

    你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-07-18
    有用
    回复 6
    • 良
      2018-07-19

      wechatide://minicode/548txxm77jxn 多试几次可以复现,复现手机 iphone 6 plus 微信6.7.0, sdk2.2.0,iphone 7

      2018-07-19
      回复
    • Nice
      Nice
      2018-07-24回复

      您好,请问下现在问题解决了么,我今天刚好也遇到类似的问题。ios6s plus下ios10的微信小程序中按钮无法正常显示,其他系统正常

      2018-07-24
      回复
    • 吉尔
      吉尔
      2018-07-24

      这个问题在 1.02 的开发工具上也出现了。 预期表现是在父容器的右侧位置 结果表现是在换行后的左侧位置。 预设的所有模拟机型号都失效。

      2018-07-24
      回复
    • 良
      2018-07-24回复Nice

      ios微信的问题,不在live-player上使用button了

      2018-07-24
      回复
    • 良
      2018-07-24回复吉尔

      ios微信的问题,不在live-player上使用button了

      2018-07-24
      1
      回复
    查看更多(1)
登录 后发表内容