pzct/view/page/teacher.html

{layout name="layout" /}


<!--  -->
<div class="banner bannerDate">
    <div class="img"><img src="{$blocks['top_banner']['value'] ?? ''}" onerror="this.src='/static/images/frontImages/71.jpg'"></div>
    <div class="cont">
        <div class="text w1232">
            <div class="p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0"><i>{$category['title'] ?? ''}</i></div>
        </div>
    </div>
</div>

<!--  -->
<div class="teacherBox paddingTop2">
    <div class="cont w1232">
        <div class="titles">
            <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['slogan1_title']['value'] ?? ''}</div>
            <div class="p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{:nl2br($blocks['slogan1_subtitle']['value'] ?? '')}</div>
        </div>
        <div class="list">
            {if isset($blocks['slogan1_group']['json_value_list']) && !empty($blocks['slogan1_group']['json_value_list'])}
            {foreach $blocks['slogan1_group']['json_value_list'] as $ki => $groupItem}
            <div class="li wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
                <a href="javascript:;">
                    <div class="img"><i><img src="{$groupItem['src'] ?? ''}" ></i><em></em></div>
                    <div class="text">
                        <div class="mk">
                            <div class="h1">{$groupItem['title'] ?? ''}</div>
                            <div class="p">{:nl2br($groupItem['desc'] ?? '')}</div>
                        </div>
                    </div>
                </a>
            </div>
            {/foreach}
            {/if}
        </div>
    </div>
</div>

<!--  -->
<div class="teacherTwos paddingTop2">
    <div class="cont w1232">
        <div class="titles">
            <div class="h1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{$blocks['slogan2_title']['value'] ?? ''}</div>
            <div class="p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">{:nl2br($blocks['slogan2_subtitle']['value'] ?? '')}</div>
        </div>
        <div class="teacherList">
            {php} $teacherChunkGroup = array_chunk($teacherList, 4); {/php}
            {foreach $teacherChunkGroup as $teacherChunk}
            <div class="minker">
                <div class="mker">
                    {foreach $teacherChunk as $teacherItem}
                    <div class="li clearfix">
                        <div class="img wow zoomIn" data-wow-duration="1s" data-wow-delay="0"><i><img src="{$teacherItem['src'] ?? ''}"></i></div>
                        <div class="text wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
                            <div class="h1">{$teacherItem['title'] ?? ''}</div>
                            <div class="m"><i>{$teacherItem['other_text1'] ?? ''}</i></div>
                            <div class="mk">
                                <div class="kt">
                                    <div class="h">#资历</div>
                                    <div class="p">{:nl2br($teacherItem['summary'] ?? '')}</div>
                                </div>
                                <div class="kt">
                                    <div class="h">#标签</div>
                                    <div class="p">{$teacherItem['other_text2'] ?? ''}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
            {/foreach}
        </div>
        <div class="moreBox wow fadeInUp moreTeacher" data-wow-duration="1s" data-wow-delay="0" {if $teacherListCount <=8} style="display:none;" {/if}>
            <a href="javascript:;">展示全部老师</a>
        </div>
    </div>
</div>

<!--  -->
{:widget('common/blockTrial', ['className' => ''])}

<!--  -->
{:widget('common/blockSimpleCourse')}

<script>
    $(function() {
        var teacherPage = 3;
        $('.teacherTwos .moreTeacher').click(function () {
            if ($(this).hasClass('loading')) {
                return false;
            }
            $(this).addClass('loading');
            let that = $(this);

            $.post('/getMoreTeachers', {'page': teacherPage}, function (res) {
               if (res.data.list.length > 0) {
                   let tpl = moreTeacherTpl(res.data.list);
                   $('.teacherTwos .teacherList').append(tpl);
               }

               if (res.data.hasNext == 0) {
                   that.hide();
               } else {
                   teacherPage++;
                   that.removeClass('loading');
               }
            }, 'json');
        });

    });

    function moreTeacherTpl(items)
    {
        let tpl = `<div class="minker">
                <div class="mker">`;
        items.forEach(function(item, ki) {
            tpl += ` <div class="li clearfix">
                    <div class="img wow zoomIn" data-wow-duration="1s" data-wow-delay="0"><i><img src="${item.src}"></i></div>
                    <div class="text wow fadeInUp" data-wow-duration="1s" data-wow-delay="0">
                        <div class="h1">${item.title}</div>
                        <div class="m"><i>${item.other_text1}{$teacherItem['other_text1'] ?? ''}</i></div>
                        <div class="mk">
                            <div class="kt">
                                <div class="h">#资历</div>
                                <div class="p">${nl2br(item.summary)}</div>
                            </div>
                            <div class="kt">
                                <div class="h">#标签</div>
                                <div class="p">${item.other_text2}</div>
                            </div>
                        </div>
                    </div>
                </div>`;
        })

        tpl += `</div>
            </div`;
        return tpl;
    }

    function nl2br(str)
    {
        return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1<br>$2');
    }
</script>