建议：瞬间页面的图片以九宫格显示

[Einstein-schrodinger]

你当前使用的版本

1.1.6

描述一下此特性

效果图：

参考代码：

head注入：

<script>
  $(function(){    
     //包裹一层div
    for(var i = 0; i<10; i++){
          $(".joe_detail [data-wow-delay='0."+i+"s'] .joe_journal_block .joe_journal_body .content-wrp [data-fancybox='Joe']").wrapAll("<div class='joe_journal_span_parent' ></div>");
    }
</script>

css样式：

/* 修改瞬间页面的图片大小与排版 */
.joe_journal_span_parent{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
}

.joe_journal_block .joe_journal_body .content-wrp span[data-fancybox="Joe"]{
    padding: 5px;
    width: 33%;
}

.joe_journal_block .joe_journal_body .content-wrp span[data-fancybox="Joe"] img {
    margin: 0px;
    width: 100%;
    height: 250px; 
    object-fit: cover;
}

附加信息

No response