收藏
回答

小程序界面图片内联样式失效

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 需求 客户端 6.5.3 1.0.0

- 需求的场景描述(希望解决的问题)

希望页面图片的显示宽高比例都为固定值,在js中设置之后不设置高度会被小程序图片默认高240px覆盖

onShow: function () {

var that = this

var query = wx.createSelectorQuery()

query.select("#slide-image").boundingClientRect(function (res) {

console.log(res.width)

that.setData({

height: res.width * 2 / 3 + 'px'

})

}).exec()

}

- 希望提供的能力


最后一次编辑于  2019-07-25
回答关注问题邀请回答
收藏

3 个回答

  • vking
    vking
    2019-07-25

    image 加载需要时间的,你要把这个获得图片信息写道 image 的 bindload 事件里

    2019-07-25
    有用
    回复
  • ʚ青ɞ
    ʚ青ɞ
    2019-07-25

    'width' of null 说的很明显

    2019-07-25
    有用
    回复 12
    • 动动大肥腿
      动动大肥腿
      2019-07-25
      昨天调试的时候还未显示跳错 js中设置的图片比例还是会被默认的覆盖是什么原因
      2019-07-25
      回复
    • ʚ青ɞ
      ʚ青ɞ
      2019-07-25回复动动大肥腿
      不是被覆盖,你没设置成功,显示的还是默认的
      2019-07-25
      回复
    • 动动大肥腿
      动动大肥腿
      2019-07-25回复ʚ青ɞ
      这样写有问题吗
      2019-07-25
      回复
    • 动动大肥腿
      动动大肥腿
      2019-07-25回复ʚ青ɞ

      <image  class="slide-image" id="slide-image" src="{{value.pic}}"  mode="scaleToFill"style="height:{{height}}"/>


      2019-07-25
      回复
    • ʚ青ɞ
      ʚ青ɞ
      2019-07-25回复动动大肥腿
      单位呢
      2019-07-25
      回复
    查看更多(7)
  • \
    \
    2019-07-25

    调试工具的截图呢

    2019-07-25
    有用
    回复 2
    • 动动大肥腿
      动动大肥腿
      2019-07-25
      发了 能帮我看下吗
      2019-07-25
      回复
    • \
      \
      2019-07-25
      那都显示null了,你看下获取的有没有问题,如果设置不生效你看是哪里样式冲突了,处理优先级就行了。
      2019-07-25
      回复
登录 后发表内容