小米商城-产品页面-小米手机3

<div class="product_view">
        <div id="product_info">
          <div class="h_box">
            <div class="product_info flex_1">
              <h3 class="name">${name}</h3>
              <p class="price">¥ 1499</p>
            </div>
          </div>
        </div>
        <div class="product_btn">
          <div class="h_box">
            <div class="spacer"></div>
            <div class="flex_1"><a href="${btnHref}" class="button active_button">${btnMsg}</a></div>
          </div>
        </div>
        <div class="tab_nav">
          <ul>
            <li><a href="javascript:;" data-nav="tab_con_0" class="on">概述</a></li>
            <li><a href="javascript:;" data-nav="tab_con_1">功能</a></li>
            <li><a href="javascript:;" data-nav="tab_con_2">MIUI</a></li>
            <li><a href="javascript:;" data-nav="tab_con_3">工艺</a></li>
          </ul>
        </div>
        <div id="tab_con_0" style="display:block" class="tab_con">
          <div id="mtab_con_0" style="display:block" class="mtab_con">{{each(i,v) gallery}}
            <div class="imgurl">{{if i == 0}}<a href="http://bbs.xiaomi.cn/thread-9046152-1-1.html"><img data-original="${v}" class="lazy"></a>{{else i == 1}}<img data-original="${v}" class="lazy">
              <div class="mtab_nav">
                <ul>
                  <li><a href="javascript:;" data-tab="mtab_con_1">切换至联通/电信版本<span> </span></a></li>
                </ul>
              </div>{{else}}<img data-original="${v}" class="lazy">{{/if}}
            </div>{{/each}}
          </div>
          <div id="mtab_con_1" class="mtab_con">{{each(i,v) summary}}
            <div class="imgurl">{{if i == 0}}<a href="http://bbs.xiaomi.cn/thread-9046152-1-1.html"><img data-original="${v.img}" class="lazy"></a>{{else i == 1}}<img data-original="${v.img}" class="lazy">
              <div class="mtab_nav">
                <ul>
                  <li><a href="javascript:;" data-tab="mtab_con_0">切换至移动版<span> </span></a></li>
                </ul>
              </div>{{else}}<img data-original="${v.img}" class="lazy">{{/if}}
            </div>{{/each}}
          </div><a href="javascript:;" data-go="tab_con_1" class="mbtn">了解更多功能 »</a>
        </div>
        <div id="tab_con_1" class="tab_con">
          <div id="mtab_con_2" style="display:block" class="mtab_con">{{each(i,v) ability}}
            <div class="imgurl">{{if i == 0}}<img data-original="${v.img}" class="lazy">
              <div class="mtab_nav">
                <ul>
                  <li><a href="javascript:;" data-tab="mtab_con_3">切换至联通版<span> </span></a></li>
                </ul>
              </div>{{else}}<img data-original="${v.img}" class="lazy">{{/if}}
            </div>{{/each}}
          </div>
          <div id="mtab_con_3" class="mtab_con">
            {{each(i,v) parameter}}
            {{if i == 0}}
            <div class="imgurl"><img data-original="${v.img}" class="lazy"></div>
            <div class="mtab_nav">
              <ul>
                <li><a href="javascript:;" data-tab="mtab_con_2">切换至移动版<span> </span></a></li>
              </ul>
            </div>{{else i == 1}}<a href="http://bbs.xiaomi.cn/thread-9046152-1-1.html">
              <div class="imgurl"><img data-original="${v.img}" class="lazy"></div></a>{{else}}
            <div class="imgurl"><img data-original="${v.img}" class="lazy"></div>{{/if}}
            {{/each}}
          </div><a href="javascript:;" data-go="tab_con_2" class="mbtn">了解更多MIUI »</a>
        </div>
        <div id="tab_con_2" class="tab_con">{{each(i,v) system}}
          <div class="imgurl">{{if i == 0}}<img data-original="http://p.www.xiaomi.com/m/images/20131231/xt${i}.jpg" class="lazy">{{else}}<img data-original="${v.img}" class="lazy">{{/if}}</div>{{/each}}<a href="javascript:;" data-go="tab_con_3" class="mbtn">了解更多工艺 »</a>
        </div>
        <div id="tab_con_3" class="tab_con">{{each(i,v) pictures}}
          <div class="imgurl"><img data-original="${v.img}" class="lazy"></div>{{/each}}<a href="javascript:;" data-go="tab_con_0" class="mbtn">了解小米手机3 »</a>
        </div>
        <div id="product_info">
          <div class="h_box">
            <div class="product_info flex_1">
              <h3 class="name">${name}</h3>
              <p class="price">¥ 1499</p>
            </div>
            
            
          </div>
        </div>
        <div class="product_btn">
          <div class="h_box">
            <div class="flex_1"><a href="${btnHref}" class="button active_button">${btnMsg}</a></div>
          </div>
        </div>
        <div class="box">
          <div class="static_tit">
            <h3>您可能感兴趣</h3>
          </div>
          <div>
            <div class="list_nav list_static">
              <ul id="product_items">{{each(i,v) items}}
                <li>
                  <div class="items"><a href="http://p.www.xiaomi.com/m/product/${product_id}/index.html" class="lnk">
                      <div class="imgurl"><img data-original="${product_img}" class="lazy"></div>
                      <div class="info">
                        <h3 class="name">${product_name}<span>¥ ${product_price}</span></h3>
                        <p class="brief">${product_brief}</p>
                      </div></a></div>
                </li>{{/each}}
              </ul>
            </div>
          </div>
        </div>
      </div>