文章列表模板,使用企业版的在线编辑模板功能,并复制以下代码即可:

<div class="post-list container">
    <div class="row">
        {% for item in this.Model.Articles %}
        <div class="col-md-4 post-item">
            <div class="thumbnail">
                {% if item.Url %}
                <a target="_blank" href="{% url this.Model.Widget.DetailPageUrl %}/{{item.Url}}.html">
                    <img src="{% url item.ImageThumbUrl %}" alt="{{item.Title}}">
                </a>
                {% else %}
                <a target="_blank" href="{% url this.Model.Widget.DetailPageUrl %}/post-{{item.ContentID}}.html">
                    <img src="{% url item.ImageThumbUrl %}" alt="{{item.Title}}">
                </a>
                {% endif %}
            </div>
            <div>
                <h4>
                    {% if item.Url %}
                    <a target="_blank" href="{% url this.Model.Widget.DetailPageUrl %}/{{item.Url}}.html">
                        {{item.Title}}
                    </a>
                    {% else %}
                    <a target="_blank" href="{% url this.Model.Widget.DetailPageUrl %}/post-{{item.ContentID}}.html">
                        {{item.Title}}
                    </a>
                    {% endif %}
                </h4>
                <p class="text-muted">
                    <span class="text-muted publish-date">
                        {{item.PublishDate | date: "%Y-%m-%d %H:%M"}}
                    </span>
                </p>
            </div>
        </div>
        {% endfor %}
    </div>
    {% if this.Model.IsPageable %}
    <ul class="pagination">
        {% if this.Pagin.PreLink %}
        <li>
            <a href="{{this.Pagin.PreLink}}">«</a>
        </li>
        {% else %}
        <li class="disabled">
            <a href="javascript:void(0)">«</a>
        </li>
        {% endif %}

        {% if this.Pagin.PageIndex >= 5 %}
        <li>
            <a>...</a>
        </li>
        {% endif %}
        {% for item in this.Pagin.PageLinks %}
        <li class="{% if item.IsCurrentPage %}active{% endif %}">
            <a href="{{item.Link}}">{{item.Index}}</a>
        </li>
        {% endfor %}

        {% if this.Pagin.AllPage | minus: this.Pagin.PageIndex > 5 %}
        <li>
            <a>...</a>
        </li>
        {% endif %}

        {% if this.Pagin.NextLink %}
        <li>
            <a href="{{this.Pagin.NextLink}}">»</a>
        </li>
        {% else %}
        <li class="disabled">
            <a href="javascript:void(0)">»</a>
        </li>
        {% endif %}
    </ul>
    {% endif %}
</div>

由于下载版块需要注册、登录,所以请不要使用第三方下载工具进行下载,以免导致下载的结果不可用。

第一时间了解最新动态

×

通过邮箱订阅我们,您将可以在第一时间收到我们的相关信息

微信公众号