<div class="yoho-page magazine-page">
    {{# result}}
    <div class="magazine-cover-container">
        <div class="swiper-container cover-block">
            <div class="swiper-wrapper">
                {{# bookPreviewPicBoList}}
                <div class="swiper-slide">
                    <div class="filter-bg" style="background-image: url('{{picUrl}}')"></div>
                    <img src="{{picUrl}}" class="cover-img" alt="">
                </div>
                {{/ bookPreviewPicBoList}}
            </div>
            <div class="swiper-pagination"></div>
            <div class="magazine-info-gradient">
                <div class="magazine-info-block">
                    <p class="m-time">{{bookNumber}}</p>
                    <p class="m-title">{{title}}</p>
                    
                    <div class="magazine-info">
                        <div class="m-order to-download">如何订阅
                            <i class="iconfont">&#xe614;</i>
                        </div>
                        <div class="m-buy-info">已有{{subcribeCount}}本订阅</div>
                    </div>
                    
                    <button class="buy-magazine-now" data-sku="{{sku}}" data-buy="{{buyFlag}}">立即购买</button>
                </div>
            </div>
        </div>
    </div>

    <div class="magazine-detail-container">
        <div class="touch-area"></div>
        <div class="tab-wrap">
            <label>内容</label>
        </div>
        <div class="detail-container">
            <div class="content">
                {{{contentOverview}}}
            </div>
        </div>
    </div>
    {{/ result}}
</div>