index-html.hbs 4.94 KB
<div class="star-wrap">
    <div class="star-content">
        {{#content}}
            {{#if focus}}
                {{> resources/banner-top}}
            {{/if}}
        {{/content}}

        <div class="avatar-wrap">
            <div class="avatar-swiper avatar">
                <ul class="clearfix swiper-wrapper">
                    {{# starAvatar}}
                        <li class="swiper-slide">
                            {{#if noLazy}}
                            <a href='{{url}}' class="star" style="background: url('{{image cover 180 180}}')">
                            </a>
                            {{else}}
                            <a href='{{url}}' class="star swiper-lazy" data-background="{{image cover 180 180}}">
                            </a>
                            {{/if}}
                        </li>
                    {{/ starAvatar}}
                </ul>
            </div>
        </div>

        <ul class="star-info clearfix">
            {{#each articles}}
                <li data-id="{{id}}">
                    <div class="star-avatar">
                        <div class="avatar-wrap avatar-num-{{tags.length}}">
                            {{# tags}}
                                <a href="{{avatarUrl}}">
                                    {{#if ../noLazy}}
                                    <img src="{{image cover 100 100}}" class="rank-avatar" ></img>
                                    {{else}}
                                    <img data-original="{{image cover 100 100}}" class="rank-avatar lazy" ></img>
                                    {{/if}}
                                    <p class="name">{{tagName}}</p>
                                </a>
                            {{/ tags}}
                            {{# tags}}
                                {{#if @first}}
                                <a href="{{avatarUrl}}">
                                    <img data-original="{{image cover 100 100}}" class="rank-avatar lazy" ></img>
                                    <p class="name">{{tagName}}</p>
                                </a>
                                {{/if}}
                            {{/ tags}}
                        </div>
                        {{!-- {{#if isSwiper}}
                            <div class="article-avatar-swiper">
                                <ul class="clearfix swiper-wrapper">
                                    {{#each tags}}
                                        <li class="swiper-slide">
                                            <a href='{{avatarUrl}}'>
                                                <div data-avatar="{{image cover 100 100}}" class="rank-avatar" ></div>
                                                <p class="name">{{tagName}}</p>
                                            </a>
                                        </li>
                                    {{/each}}
                                </ul>
                            </div>
                        {{else}}
                            {{# tags}}
                                <a href="{{avatarUrl}}">
                                    <div data-avatar="{{image cover 100 100}}" class="rank-avatar" ></div>
                                    <p class="name">{{tagName}}</p>
                                </a>
                            {{/ tags}}
                        {{/if}} --}}
                    </div>
                    <a class="star-article" href='{{url}}'>
                        <i class="article-arrow"></i>
                        <h2 class="article-title">{{title}}</h2>
                        <div class="artice-cont">
                            <p>{{articeTxt}}</p>
                            <div class="artice-imgs-area">
                                {{#if noLazy}}
                                <img src="{{image src 266 266}}" />
                                {{else}}
                                <img data-original="{{image src 266 266}}" class="lazy" />
                                {{/if}}

                                {{!-- <ul class="artice-imgs">
                                    {{#each articeImg}}
                                        <li><img src="{{image . 640 640}}" /></li>
                                    {{/each}}
                                </ul> --}}

                            </div>
                        </div>
                        <div class="artice-o">
                            <span class="time"><i class="iconfont time-ico">&#xe603;</i>{{publishTime}}</span>
                            <span class="see"><i class="iconfont see-ico">&#xe602;</i>{{viewsNum}}</span>
                        </div>
                    </a>
                </li>
            {{/each}}
        </ul>
    </div>
</div>

{{!-- <div class="view-img">
    <div class="mask-bg"></div>
    <div class="view-area">
        <div class="swiper-view">
            <ul class="clearfix swiper-wrapper"></ul>
        </div>
    </div>
</div> --}}