收藏
回答

图片过多时候想只显示3张,然后加一层阴影显示剩下的张数,想让加了阴影的也能被浏览

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug wx.previewImage 客户端 6.5.3 2.0.0


像这样,我想点击+6依然能通过wx.previewImage预览图片,但是现在图片被遮罩盖住了点击不到,如果设置z-index图片高于遮罩,遮罩又看不到了

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

4 个回答

  • Venus
    Venus
    2022-06-02

    在遮罩层上加上pointer-events: none就可以了

    2022-06-02
    有用
    回复
  • 許yu颖
    許yu颖
    2018-10-30

    把图片和遮罩写在一个view里面,view加事件,遮罩在index等于2的时候显示,这样也可以把

    2018-10-30
    有用
    回复 2
    • XYH
      XYH
      2018-10-30

      现在就是你说的那样,但是预览不了index=2的图片

      2018-10-30
      回复
    • 許yu颖
      許yu颖
      2018-10-30

      那就要看看有没有调用点击事件和事件里有没有拿到url了

      2018-10-30
      回复
  • kevin
    kevin
    2018-10-30

    阴影部分外层写个事件

    2018-10-30
    有用
    回复 2
    • XYH
      XYH
      2018-10-30

      单独写个预览事件?

      2018-10-30
      回复
    • kevin
      kevin
      2018-10-30回复XYH

      不用,我看到这个图的是思路是,一个images数组集合,

      用images.length来判断,前端展示如果分这么几种情况:

      1. 一张图,直接显示一张

      2. 二张图,显示二张

      3. 三张图,显示三张(没有阴影)

      4. 四张图,显示三张(最后一张有阴影,数字是images.length - 3),分别是index = 0, 1,2写死,图片所在的最外层标签上加个事件带入 参数data-index={{index}}

      5. 以此类推


      至于数字+1到时是表示总共有4张图还是3张图,自己根据项目需要调整

      2018-10-30
      回复
  • ==
    ==
    2018-10-30

    你可以单独写一个预览事件在+6上面。。。。

    2018-10-30
    有用
    回复 3
    • XYH
      XYH
      2018-10-30

      好像行得通 不过好麻烦

      2018-10-30
      回复
    • ==
      ==
      2018-10-30回复XYH

      要不,带把刀去找产品聊聊??

      2018-10-30
      回复
    • XYH
      XYH
      2018-10-30回复==

      这样的确可以解决这个问题

      2018-10-30
      回复
登录 后发表内容