1
0
mirror of https://gitee.com/koogua/course-tencent-cloud.git synced 2025-07-10 18:47:09 +08:00

前台首页部件显示增加非空判断

This commit is contained in:
koogua 2021-02-26 10:35:43 +08:00
parent 156b28b79e
commit 7f3717094e
2 changed files with 82 additions and 62 deletions

View File

@ -31,47 +31,57 @@
</div>
{%- endmacro %}
<div class="index-carousel wrap">
<div class="layui-carousel" id="carousel">
<div class="carousel" carousel-item>
{% for slide in slides %}
<div class="item">
<a href="{{ slide.url }}">
<img class="carousel" src="{{ slide.cover }}!slide_1100" alt="{{ slide.title }}">
</a>
</div>
{% endfor %}
{% if slides|length > 0 %}
<div class="index-carousel wrap">
<div class="layui-carousel" id="carousel">
<div class="carousel" carousel-item>
{% for slide in slides %}
<div class="item">
<a href="{{ slide.url }}">
<img class="carousel" src="{{ slide.cover }}!slide_1100" alt="{{ slide.title }}">
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="index-wrap wrap">
<div class="header">推荐课程</div>
<div class="content">
{{ category_courses(featured_courses) }}
{% if featured_courses|length > 0 %}
<div class="index-wrap wrap">
<div class="header">推荐课程</div>
<div class="content">
{{ category_courses(featured_courses) }}
</div>
</div>
</div>
{% endif %}
<div class="index-wrap wrap">
<div class="header">新上课程</div>
<div class="content">
{{ category_courses(new_courses) }}
{% if new_courses|length > 0 %}
<div class="index-wrap wrap">
<div class="header">新上课程</div>
<div class="content">
{{ category_courses(new_courses) }}
</div>
</div>
</div>
{% endif %}
<div class="index-wrap wrap">
<div class="header">免费课程</div>
<div class="content">
{{ category_courses(free_courses) }}
{% if free_courses|length > 0 %}
<div class="index-wrap wrap">
<div class="header">免费课程</div>
<div class="content">
{{ category_courses(free_courses) }}
</div>
</div>
</div>
{% endif %}
<div class="index-wrap wrap">
<div class="header">会员课程</div>
<div class="content">
{{ category_courses(vip_courses) }}
{% if vip_courses|length > 0 %}
<div class="index-wrap wrap">
<div class="header">会员课程</div>
<div class="content">
{{ category_courses(vip_courses) }}
</div>
</div>
</div>
{% endif %}
{% endblock %}

View File

@ -16,47 +16,57 @@
</div>
{%- endmacro %}
<div class="index-carousel wrap">
<div class="layui-carousel" id="carousel">
<div class="carousel" carousel-item>
{% for slide in slides %}
<div class="item">
<a href="{{ slide.url }}">
<img class="carousel" src="{{ slide.cover }}!slide_1100" alt="{{ slide.title }}">
</a>
</div>
{% endfor %}
{% if slides|length > 0 %}
<div class="index-carousel wrap">
<div class="layui-carousel" id="carousel">
<div class="carousel" carousel-item>
{% for slide in slides %}
<div class="item">
<a href="{{ slide.url }}">
<img class="carousel" src="{{ slide.cover }}!slide_1100" alt="{{ slide.title }}">
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="index-wrap wrap">
<div class="header">推荐课程</div>
<div class="content">
{{ show_courses(featured_courses) }}
{% if featured_courses|length > 0 %}
<div class="index-wrap wrap">
<div class="header">推荐课程</div>
<div class="content">
{{ show_courses(featured_courses) }}
</div>
</div>
</div>
{% endif %}
<div class="index-wrap wrap">
<div class="header">新上课程</div>
<div class="content">
{{ show_courses(new_courses) }}
{% if new_courses|length > 0 %}
<div class="index-wrap wrap">
<div class="header">新上课程</div>
<div class="content">
{{ show_courses(new_courses) }}
</div>
</div>
</div>
{% endif %}
<div class="index-wrap wrap">
<div class="header">免费课程</div>
<div class="content">
{{ show_courses(free_courses) }}
{% if free_courses|length > 0 %}
<div class="index-wrap wrap">
<div class="header">免费课程</div>
<div class="content">
{{ show_courses(free_courses) }}
</div>
</div>
</div>
{% endif %}
<div class="index-wrap wrap">
<div class="header">会员课程</div>
<div class="content">
{{ show_courses(vip_courses) }}
{% if vip_courses|length > 0 %}
<div class="index-wrap wrap">
<div class="header">会员课程</div>
<div class="content">
{{ show_courses(vip_courses) }}
</div>
</div>
</div>
{% endif %}
{% endblock %}