index-html.hbs 3.04 KB
<div class="star-wrap">
    {{#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">
                        <a href='{{url}}' style="background-image: url({{image cover 180 180}})" class="star"></a>
                    </li>
                {{/ starAvatar}}
            </ul>
        </div>
    </div>

    <ul class="star-info">
        {{#each articles}}
            <li data-id="{{id}}">
                <div class="star-avatar">
                    {{#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">
                            <img data-original="{{image src 266 266}}" class="lazy"/>

                            {{!-- <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 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> --}}