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