公告列表
公告列表
收藏
回答

图片过多时候想只显示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
      赞
      回复
请 登录 后发表内容
相关问题
相关文档