detail.hbs 4.94 KB
{{> mip-download}}
{{> mip-head}}
<div class="guang-detail-c">
	{{# guang}}
	{{# author}}
	<div class="editor-info" data-id={{id}}>
		<a href="{{url}}">
			<mip-img class="pic" width="45" height="45" src={{image2 avatar mode=2 q=60}}>
			</mip-img>
			<div class="name">{{name}}</div>
			<div class="intro">{{intro}}</div>
		</a>
	</div>
	{{/ author}}
	{{# detail}}
	<div class="article-info">
		<p class="name">{{title}}</p>
		<div class="view-c">
			<span>日期:{{publishTime}}</span>
		</div>
	</div>
	<div class="guang-content clearfix">
	{{# content}}
        {{#if text}}
			{{{text}}}
		{{/if}}
		{{#if bigImage}}
		<div class="big-pic">
            {{#if isGif}}
            <mip-anim class="pic" width="{{width}}" height="{{height}}" src="{{image2 bigImage q=60}}"></mip-anim>
            {{else}}
            <mip-img class="pic" width="{{width}}" height="{{height}}" src="{{image2 bigImage q=60}}"></mip-img>
            {{/if}}
			{{#if tagList}}
            <div class="tag-list-box">
                {{#each tagList}}
                    {{#unless isApp}}
					<div class="label-box" data-skn="{{product_skn}}">
						<div class="lable-focus">
                            <div class="focus-big">
                                <div class="focus-small"></div>
                            </div>
                        </div>
					    <div class="lable-info-box{{#if isApp}} lable-infobox-borderadius{{/if}}"><a href="{{href}}">{{tagName}}</a></div>
					    <div class="lable-btn add-to-cart" data-skn="{{product_skn}}">
					    </div>
					</div>
					{{/unless}}
                {{/each}}
            </div>
            {{/if}}
        </div>
        {{/if}}
        {{#if smallImage}}
            <div class="small-pic">
                {{# smallImage}}
                    {{#if isGif}}
                    <mip-anim class="pic" width="160" height="160" src="{{image2 src q=60}}"></mip-anim>
                    {{else}}
                    <mip-img class="pic" width="160" height="160" src="{{image2 src q=60}}"></mip-img>
                    {{/if}}
                {{/ smallImage}}
            </div>
        {{/if}}
        {{#if relatedReco}}
        <div class="related-goods clearfix">
        	{{#each relatedReco.goods}}
        	{{#if url}}
			<div class="good-item">
				<a href="{{url}}">
					{{#if default_images}}
					<div class="pic">
						<mip-img class="pic-mip" width="76" height="102" src="{{image2 default_images w=152 h=204}}">
						</mip-img>
					</div>
					{{/if}}
					<div class="info">
						<p class="name">{{product_name}}</p>
						{{#if sales_price}}
						<p class="price">&yen;{{sales_price}}</p>
						{{/if}}
					</div>
				</a>
			</div>
			{{/if}}
			{{/each}}
		</div>
		{{/if}}

		{{#if collocation}}
        <div class="recommend-products-box">
			<div class="recommend-products-content">
                {{#each collocation}}
                    <div class="recommend-goods">
						<a href="{{url}}">
							<mip-img class="pic" width="100" height="134" src="{{image2 src w=152 h=204}}">
							</mip-img>
						</a>
						<p class="recommend-goods-cover">&yen;{{sales_price}}</p>
					</div>
                {{/each}}
            </div>
        </div>
        {{/if}}
	{{/ content}}
	</div>
	{{/ detail}}
	{{#detail.content}}
		{{#if moreLink}}
		<a class="more-goods" href="{{moreLink}}">更多商品</a>
		{{/if}}
        {{#if recommendProducts}}
        <div class="recommend-goods">
			<div class="good-scroll">
                {{#each recommendProducts}}
                    <div class="good-item">
                    	<a href="{{href}}">
							<mip-img class="pic" width="100" height="134" src="{{image2 pic_url w=152 h=204}}">
							</mip-img>
						</a>
						<p class="price">&yen;{{price}}</p>
					</div>
                {{/each}}
            </div>
        </div>
        {{/if}}
    {{/detail.content}}
	{{#if relatedBrand}}
	<div class="related-brand clearfix">
		<div class="title">相关品牌</div>
		<div class="brand-c">
			{{# relatedBrand}}
			<div class="brand-item">
				<a href="{{url}}">
					<div class="pic">
						<mip-img class="pic-mip" width="75" height="75" src="{{image2 thumb w=75 h=75}}">
						</mip-img>
					</div>
					<p>{{name}}</p>
				</a>
			</div>
			{{/ relatedBrand}}
		</div>
	</div>
	{{/if}}
	{{#if relatedInfo}}
	<div class="related-info">
		{{# relatedInfo}}
		<div class="info-item">
			<a data-type="mip" data-title="{{title}}" href="//m.yohobuy.com/guang/{{id}}.html?union_type=100000000013130">
				<div class="pic">
					<mip-img class="pic-mip" width="117" height="73" src="{{image2 thumb w=117 h=73}}">
					</mip-img>
				</div>
				<div class="info">
					<p class="title">{{title}}</p>
					<p class="time">{{publishTime}}</p>
				</div>
			</a>
		</div>
		{{/ relatedInfo}}
	</div>
	{{/if}}
	{{#if relatedTag}}
	<div class="brand-tag">
		{{# relatedTag}}
		<a href="//guang.m.yohobuy.com/tags/index?union_type=100000000013130&query={{name}}" class="tag">{{name}}</a>
		{{/ relatedTag}}
	</div>
	{{/if}}
	{{/ guang}}
</div>