smartcost/protected/view/product.html

<!-- include 'header' -->
	<div class="wrapContent productBg  clearfix">
		<div class="pageTitle width1020">
			<div class="clearfix"><h1>纵横，全过程造价软件精品</h1></div>
			<div class="clearfix"><h2>台账算量、成本测算、计量支付结算决算等环环相扣。</h2></div>
			<div class="clearfix"><h2>造价，远不只是概预算。</h2></div>
		</div>
		<div class="width1060 clearfix">
			<div class="sideBar fL" id="sideBar">
				<h2>桌面软件</h2>
				<ul>
					<!-- loop product -->
					<li><a href="/product/{{product' value.pid}}" <!-- if {{productInfo.0.pid}}=={{product' value.pid}} -->class="now"<!-- endif -->>{{product' value.title}}</a></li>
					<!-- endloop -->
				</ul>
			</div>
			<div class="mainContent">
				<div class="title"><img src="{{productInfo.0.logo}}" width="96"><b>{{productInfo.0.fulltitle}}</b></div>
				<div class="productTab clearfix">
					<ul>
						<li class="now" id="b" onclick="changeProduct('down')" title="下载软件到本地">软件下载</li>
						<li id="d" onclick="changeProduct('animation')" title="观看软件动画教程">动画教程 </li>
						<li  id="a" onclick="changeProduct('info')" title="浏览软件简介">软件介绍</li>
						<li id="c" onclick="changeProduct('edition')" title="查看版本功能更新">版本更新</li>
					</ul>
				</div>
				<div class="contentItem" id="down">
					<ul class="softList">
						<!-- loop productInfo.0.down -->
							<li class="clearfix">
								<h2>{{down' value.title}}</h2>
									<div class="downInfo">
										<p>锁号：<b>{{down' value.key_number}}</b></p>
									</div>
									<div class="downLink">
										<p>大小：{{down' value.size}}MB</p>
										<!-- loop productInfo.0.down' value.down_url -->
										
										<!-- endloop -->
										<a target="blank"  href="{{down' value.down_url.0}}">推荐下载</a>
										<a target="blank"  href="{{down' value.down_url.1}}">普通地址</a> 
									</div>
									<div class="downVideo">
										<a onclick="changeProduct('animation')">动画教程</a>
									</div>

							</li>
						<!-- endloop -->
						</ul>
				</div>
				<div class="contentItem" id="animation" style="display:none">
					<div class="softVideo">
						<div class="videoItem">
							<!-- if empty({{MyAnimation}}) -->
							<span class="tips">该软件无专属教程，您可点击“<a onclick="changeProduct('info')">软件介绍</a>”标签进入栏目，下载软件相应的使用说明</span>
							<!-- else -->
							<h1>专属教程</h1>
							<ul class="clearfix">
								<!-- loop MyAnimation -->
								<li>
									<img src="{{bglong' value.img_url}}">
									<h3>{{bglong' value.title}}</h3>
									<div class="videoCon">
										<a href="/video/{{bglong' value.aid}}" target="_blank"><span class="playBtn"><b></b>播放</span></a>
										<!-- <span class="playBtn"  data-toggle="modal" href="#myModal{{bglong' value.aid}}"  data-keyboard="false" data-backdrop="ture">
										<b></b>播放</span> -->
										<a target="blank" href="{{bglong' value.down_url}}" ><span  class="downBtn"><b></b>下载</span></a>
										
									</div>
								</li>
								<!-- endloop -->
							</ul>
							<!-- endif -->
						</div>
						<div class="videoItem">
							<h1>通用教程</h1>
							<ul class="clearfix">
								<!-- loop belongAnimation -->
								<li>
									<img src="{{bglong' value.img_url}}">
									<h3>{{bglong' value.title}}</h3>
									<div class="videoCon">
										<a href="/video/{{bglong' value.aid}}" target="_blank"><span class="playBtn"><b></b>播放</span></a>
										<!-- <span class="playBtn"  data-toggle="modal" href="#myModal{{bglong' value.aid}}"  data-keyboard="false" data-backdrop="ture">
										<b></b>播放</span> -->
										<a target="blank" href="{{bglong' value.down_url}}"> <span  class="downBtn"><b></b>下载</span> </a>
										
									</div>
								</li>
								<!-- endloop -->
							</ul>
						</div>
						<div class="bottomSpace"></div>
					</div>
				</div>
				<div class="contentItem" id="info" style="display:none">
					<p>{{productInfo.0.content}}</p>
				</div>
				<div class="contentItem" id="edition" style="display:none">
					<div class="softVersion">
						<ul class="versionList">
							{{productInfo.0.edition}}
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- include 'footer' -->
	<!-- loop MyAnimation -->
	<div class="modal hide fade" id="myModal{{bglong' value.aid}}">
									    <div class="modal-body">
									    {{bglong' value.url}}
									    </div>
									    <a class="close" data-dismiss="modal" href="javascript(0)">×</a>
									    </div>
	<!-- endloop -->
	<!-- loop belongAnimation -->
	<div class="modal hide fade" id="myModal{{bglong' value.aid}}">
									    <div class="modal-body">
									    {{bglong' value.url}}
									    </div>
									    <a class="close" data-dismiss="modal" href="javascript(0)">×</a>
									    </div>
	<!-- endloop -->
<script>
		  $(function(){
		$('#sideBar').stickySidebar({speed:0,padding:0});
		  });
		  </script>