flexbox滑块轮播wordpress

时间:2020-04-12 00:42:41

标签: flexbox

我想在移动视图上制作带有导航箭头(左和右)的flexbox轮播,但是我不知道如何添加这些,因为我的项目来自wordpress,我如何在下一个或上一个链接这9个flexbox项目按钮,有可能吗?

代码如下:

<div class="principles-list">
                        <?php while( have_rows('icon_boxes') ): the_row();

                            $icon = get_sub_field('icon');
                            $icon_text = get_sub_field('text');
                            $icon_desc = get_sub_field('description');
                            $icon_alt_text = preg_replace('#<br\s*/?>#i', "", $icon_text);

                            ?>
                            <div class="principles-item">
                                <div class="principles-content">
                                    <div class="principles-icon">
                                        <?php if( $icon ): ?>
                                            <img class="lozad" data-src="<?php echo $icon['url']; ?>" alt="<?php echo $icon_alt_text; ?>">
                                        <?php endif; ?>
                                    </div>
                                    <div class="principles-title"><?php echo $icon_text; ?></div>
                                    <div class="principles-description"><?php echo $icon_desc; ?></div>
                                </div>
                            </div>
                        <?php endwhile; ?>
                    </div>

0 个答案:

没有答案