小米商城-产品页面-小米路由器

<div class="product_view">
        <div id="product_info">
          <div class="h_box">
            <div class="product_info flex_1">
              <h3 class="name">小米路由器</h3>
              <p class="price">¥ 699</p>
            </div>
          </div>
        </div>
        <div class="product_btn">
          <div class="h_box">
            <div class="flex_1"><a href="javascript:;" class="button active_button book">加载中...</a></div>
          </div>
        </div>
        <div class="tab_nav">
          <ul class="tn1">
            <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">数据</a></li>
            <li><a href="javascript:;" data-nav="tab_con_3">外观</a></li>
          </ul>
          <ul class="tn2">
            <li><a href="javascript:;" data-nav="tab_con_4">操作系统</a></li>
            <li><a href="javascript:;" data-nav="tab_con_5">智能家居</a></li>
          </ul>
        </div>
        <div id="tab_con_0" style="display:block" class="tab_con">{{each(i,v) gs}}
          <div class="imgurl"><img data-original="${v.img}" class="lazy"></div>{{/each}}<a href="javascript:;" data-go="tab_con_1" class="mbtn">了解硬件 »</a>
        </div>
        <div id="tab_con_1" class="tab_con">{{each(i,v) yj}}
          <div class="imgurl"><img data-original="${v.img}" class="lazy"></div>{{/each}}<a href="javascript:;" data-go="tab_con_2" class="mbtn">了解数据 »</a>
        </div>
        <div id="tab_con_2" class="tab_con">{{each(i,v) sj}}
          <div class="imgurl"><img data-original="${v.img}" class="lazy"></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) wg}}
          <div class="imgurl"><img data-original="${v.img}" class="lazy"></div>{{/each}}<a href="javascript:;" data-go="tab_con_4" class="mbtn">了解操作系统 »</a>
        </div>
        <div id="tab_con_4" class="tab_con">{{each(i,v) xt}}
          <div class="imgurl"><img data-original="${v.img}" class="lazy"></div>{{/each}}<a href="javascript:;" data-go="tab_con_5" class="mbtn">了解智能家居 »</a>
        </div>
        <div id="tab_con_5" class="tab_con">{{each(i,v) jj}}
          <div class="imgurl"><img data-original="${v.img}" class="lazy"></div>{{/each}}<a href="javascript:;" data-go="tab_con_0" class="mbtn">了解更多概述 »</a>
        </div>
        <div id="product_info">
          <div class="h_box">
            <div class="product_info flex_1">
              <h3 class="name">小米路由器</h3>
              <p class="price">¥ 699</p>
            </div>
          </div>
        </div>
        <div class="product_btn">
          <div class="h_box">
            <div class="flex_1"><a href="javascript:;" class="button active_button book">加载中...</a></div>
          </div>
        </div>
      </div>