<div id="app" class="product-page" data-pid="{{pid}}" data-goods-id="{{goodsId}}">
    <div id="ssr">
        {{#product}}
        <div class="ssr show-box first-box">
            <div class="image-carousel">
                <div class="swipe">
                    <div class="swipe-items-wrap">
                        {{#each goods_list}}
                            {{#if color_image}}
                            <div class="swipe-item {{#if @first}}active{{/if}}"> <img width="100%" alt="" src="{{image2 color_image w=750 h=1000 q=80}}/interlace/1"></div>
                            {{/if}}
                        {{/each}}
                    </div>
                </div>
            </div>
            <div class="title-box">
                <h1 class="line-clamp-2">{{product_name}}</h1>
                {{#if isDiscount}}
                    <i class="price strike-through">{{format_market_price}}</i>
                {{/if}}
                <i class="price {{#if isDiscount}}highlight{{/if}}">{{formatPrice}}</i>
            </div>
        </div>
        {{#brandInfo}}
        <div class="ssr show-box brand">
            <img src="{{image2 brand_ico w=110 h=68 q=80}}">
            <h2>{{brand_name}}</h2>
            <div class="brand-go">
                <span>进入店铺</span>
                <span class="icon icon-right"></span>
            </div>
            <a href="/product/shop/{{brand_domain}}"></a>
        </div>
        {{/brandInfo}}
        {{/product}}
    </div>
    <app/>
</div>