{{$product_num := len .products}} {{$page := 3}} {{$page_total := add $page $product_num}} {{range $arr := .products}} {{$price := json_decode $arr.price_info}} {{$price_html := .priceHtml}} {{$price_html}} {{if gt $arr.is_gift 0 }}{{/* 赠品 */}} <div class="box"> <div style="position: relative; margin-bottom: 30px;"> <p class="f-m" style="font-size: 39px; font-weight: 800; margin-bottom: 12px; line-height: 32px;">{{$arr.name}}</p> <p class="f-b" style="font-size: 25px; font-weight: 800;line-height: 19px;">{{$arr.size}}</p> <div class="logo"> <img src="https://fusenapi.kayue.cn:8010/storage/pdf/logo.svg" alt="logo"> </div> </div> <div class="img-box" style="height: 611px;margin-bottom: 32px; overflow: hidden;"> <div class="img" style="background-image: url({{$arr.img}});"></div> </div> <div> <div class="pr-card big"> <p class="pr">FREE!</p> <p class="num">{{$arr.num}}<span> Units</span></p> </div> <div> <div class="card-box" style="display: inline-block;width: 183px;line-height: 36px;padding-left: 16px;margin-bottom: 4px;background-color: #C2C5CB;font-size: 18px; font-weight: 500;">Lead Time</div> <div class="card-box" style="display: inline-block;width: 183px;height: 52px; padding-left: 15px;margin-bottom: 8px;background-color: #E0E2EB; font-weight: 600;"> <span style="font-size: 35px;line-height: 52px;">{{$arr.cycle}}</span><span style="font-size: 26px;line-height: 52px;">Days</span> </div> <div class="card-box more-card"> <span class="free">FREE </span><span class="text">Design</span> </div> <div class="card-box more-card"> <span class="free">FREE </span><span class="text">Storage</span> </div> <div class="card-box more-card" style="margin-bottom: 0;"> <span class="free">FREE </span><span class="text">Shipping</span> </div> </div> </div> </div> {{else}}{{/* 非赠品 */}} {{if $arr.size}} // 有尺寸的 <div class="box"> <div style="position: relative; margin-bottom: 30px;"> <p class="f-m" style="font-size: 39px; font-weight: 800; margin-bottom: 12px; line-height: 32px;">{{$arr.name}}</p> <p class="f-b" style="font-size: 25px; font-weight: 800;line-height: 19px;">{{$arr.size}}</p> <div class="logo"> <img src="https://fusenapi.kayue.cn:8010/storage/pdf/logo.svg" alt="logo"> </div> </div> <div class="img-box" style="height: 611px;margin-bottom: 32px; overflow: hidden;"> <div class="img" style="background-image: url({{$arr.img}});"></div> </div> <div> <div class="card-box" style="float: left; width: 530px;line-height: 36px;padding-left: 19px;margin-right: 8px;margin-bottom: 4px;background-color: #C2C5CB;font-size: 18px; font-weight: 500;">Unit Price (Tax included)</div> <div class="card-box" style="display: inline-block;width: 183px;line-height: 36px;padding-left: 16px;margin-bottom: 4px;background-color: #C2C5CB;font-size: 18px; font-weight: 500;"> Lead Time</div> {{$price_html}} <div> <div class="card-box" style="display: inline-block;width: 183px;height: 52px; padding-left: 15px;margin-bottom: 8px;background-color: #E0E2EB; font-weight: 600;"> <span style="font-size: 35px;line-height: 52px;">{{$arr.cycle}}</span><span style="font-size: 26px;line-height: 52px;">Days</span> </div> <div class="card-box more-card"> <span class="free">FREE </span><span class="text">Design</span> </div> <div class="card-box more-card"> <span class="free">FREE </span><span class="text">Storage</span> </div> <div class="card-box more-card" style="margin-bottom: 0;"> <span class="free">FREE </span><span class="text">Shipping</span> </div> </div> </div> </div> {{else}} <div class="box"> <div style="position: relative; margin-bottom: 32px;"> <p class="f-m" style="font-size: 39px; font-weight: 800; margin-bottom: 3px; line-height: 32px;"> {{$arr.name}}</p> <div class="logo"> <img src="https://fusenapi.kayue.cn:8010/storage/pdf/logo.svg" alt="logo"> </div> </div> <div class="img-box" style="height: 641px;margin-bottom: 31px; overflow: hidden;"> <div class="img" style="background-image: url({{$arr.img}});"> </div> </div> <div> <div class="card-box" style="float: left;width: 530px;line-height: 36px;padding-left: 19px;margin-right: 8px;margin-bottom: 4px;background-color: #C2C5CB;font-size: 18px; font-weight: 500;"> Unit Price (Tax included)</div> <div class="card-box" style="display: inline-block;width: 183px;line-height: 36px;padding-left: 16px;margin-bottom: 4px;background-color: #C2C5CB;font-size: 18px; font-weight: 500;"> Lead Time</div> {{$price_html}} <div> <div class="card-box" style="display: inline-block;width: 183px;height: 52px; padding-left: 15px;margin-bottom: 8px;background-color: #E0E2EB; font-weight: 600;"> <span style="font-size: 35px;line-height: 52px;">{{$arr.cycle}}</span><span style="font-size: 26px;line-height: 52px;">Days</span> </div> <div class="card-box more-card"> <span class="free">FREE </span><span class="text">Design</span> </div> <div class="card-box more-card"> <span class="free">FREE </span><span class="text">Storage</span> </div> <div class="card-box more-card" style="margin-bottom: 0;"> <span class="free">FREE </span><span class="text">Shipping</span> </div> </div> </div> </div> {{end}} {{end}} <div class="page-box" style="background-color: rgba(125, 125, 125, 0.16);color: #000;text-align: center;height: 50px;line-height: 50px;margin-top: 30px;">{{$page}}/{{$page_total}}</div> {{$page = add $page 1}} {{end}}