收藏
回答

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

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 需求 客户端 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()

}

- 希望提供的能力


最后一次编辑于  07-25  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

17 个回答

  • \
    \
    07-25

    调试工具的截图呢

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

    'width' of null 说的很明显

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

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


      07-25
      赞同
      回复
    • ʚ青哥ɞ
      ʚ青哥ɞ
      07-25回复动动大肥腿
      单位呢
      07-25
      赞同
      回复
    查看更多(7)
  • 🇻 🇰 🇮 🇳 🇬ʷᵃⁿᵍ
    🇻 🇰 🇮 🇳 🇬ʷᵃⁿᵍ
    07-25

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

    07-25
    赞同
    回复