showhtm.html 8.56 KB
<div class="floor_body">
			<h2>
				<a>
                <em></em>拼单
                <div class="geng"></div>
                <p class="clear"></p>
                </a>
            </h2>
   
			<div class="scroll" ng-if="item.content.style ==1">				
					<ul class="seckill_ul" ng-if="item.content.data.length == 0">
						<li style="width: 30%;">
							<div class="goods_img" style="height: 109px;line-height: 109px;background-color: #81d5f9;">
						        <em class="round_show">商家</em>
								<span class="mengbanRed">火热进行</span>
								<p>图片</p>
								<span class="dis_vm"></span>

							</div>
							<div class="goods_info">
								<p class="goods_name grey">第一个商品</p>
	            				<p class="goods_price">
									<span class="price"><span>100.00</span></span>
	            				</p>
								<p class="pd_price2"><span>3人团</span><span class="pd_gobtn">去开团</span></p>

							</div>
						</li>
						<li style="width: 30%;">
							<div class="goods_img" style="height: 109px;line-height: 109px;background-color: #ccccff;">
								<em class="round_show">商家</em>
								<span class="mengbanRed">火热进行</span></span>
								<p>图片</p>
								<span class="dis_vm"></span>

							</div>
							<div class="goods_info">
								<p class="goods_name grey">第二个商品</p>
	            				<p class="goods_price">
	            					<span class="price"><span>100.00</span></span>
	            				</p>
								<p class="pd_price2"><span>3人团</span><span class="pd_gobtn">去开团</span></p>
							</div>
						</li>
						<li style="width: 30%;">
							<div class="goods_img" style="height: 109px;line-height: 109px;background-color: #99cc67;">
								<em class="round_show">商家</em>
								<span class="mengbanRed">火热进行</span>
								<p>图片</p>
								<span class="dis_vm"></span>

							</div>
							<div class="goods_info">
								<p class="goods_name grey">第三个商品</p>
	            				<p class="goods_price">
									<span class="price"><span>100.00</span></span>
	            				</p>
								<p class="pd_price2"><span>3人团</span><span class="pd_gobtn">去开团</span></p>
							</div>
						</li>
					</ul>
					<ul class="seckill_ul" ng-if="item.content.data.length != 0">
						<li ng-repeat="goods in item.content.data | limitTo:3" style="width: 30%;">
							<div class="goods_img" style="height: 109px;line-height: 109px;">

								<em ng-if="goods.kttype == 1"  class="round_show" >商家</em>
								<em ng-if="goods.kttype == 2"  class="round_show" >会员</em>
								<em ng-if="goods.kttype == 3"  class="round_show" >阶梯</em>

								<span ng-if="goods.preheat == 0" class="mengbanRed">火热进行</span>
								<span ng-if="goods.preheat == 1" class="mengbanRed" style="background-color: #FDCB08;">正在预热</span>
								<p ng-if="goods.goodsimg == ''">图片</p>
								<img ng-if="goods.goodsimg" src="{{goods.goodsimg}}" />
								<span class="dis_vm"></span>
							</div>
							<div class="goods_info">
								<p class="goods_name grey">{{goods.title}}</p>
	            				<p class="goods_price">
	            					<span class="price"><span>¥{{goods.price}}</span></span>
	            				</p>
								<p class="pd_price2"><span>{{goods.tun_num}}人团</span>
									<span ng-if="goods.kttype == 1" class="pd_gobtn">去参团</span>
									<span ng-if="goods.kttype == 2" class="pd_gobtn">去开团</span>
									<span ng-if="goods.kttype == 3" class="pd_gobtn">去开团</span>
								</p>
							</div>
						</li>
					</ul>
			</div>
			<div ng-if="item.content.style ==2">
				<ul class="goodsbox1 group_buy" style="padding: 0;"  ng-if="item.content.data.length == 0">
					<li style="border-bottom-width: 10px;">
						
						<div class="goods_img column4" style="width: 29%;height: 109px;line-height: 109px;background-color: #ff8196;">
							<em class="round_show" style="left:3px">商家</em>
							<p>图片</p>
						</div>
						<div class="goods_info" style="width: 70%;">
							<p class="goods_name grey">第一个商品</p>
							<p class="yuyu" style="font-size: 12px">已团0件 <font style="font-size: 10px; color: grey">3人团</font></p>
							<p class="price"><span>100.00</span><span class="originally ml10">¥500.00</span></p>
							<p class="time">
								<img src="/template/mobile/new/static/images/time.png" />
								<span id="j"><span class="hour">7</span><font color="black"></font><span class="min">23</span><font color="black"></font><span class="sec">26</span><font color="black"></font><span class="msec">7</span><font color="black"></font></span>
							</p>
							<div class="redbtn redbtn_on">去开团</div>
						</div>
					</li>
					<li style="border-bottom-width: 10px;">
						<div class="goods_img column4" style="width: 29%;height: 109px;line-height: 109px; background-color: #81d5f9;">
							<em class="round_show" style="left:3px">商家</em>
							<p>图片</p>
						</div>
						<div class="goods_info" style="width: 70%;">
							<p class="goods_name grey">第二个商品</p>
							<p class="yuyu" style="font-size: 12px">已团0件 <font style="font-size: 10px; color: grey">3人团</font></p>
							<p class="price"><span>100.00</span><span class="originally ml10">¥500.00</span></p>
							<p class="time">
								<img src="/template/mobile/new/static/images/time.png" />
								<span id="j"><span class="hour">7</span><font color="black"></font><span class="min">23</span><font color="black"></font><span class="sec">26</span><font color="black"></font><span class="msec">7</span><font color="black"></font></span>
							</p>
							<div class="redbtn redbtn_on">去开团</div>
						</div>
					</li>

					<li style="border-bottom-width: 10px;">
						<div class="goods_img column4" style="width: 29%;height: 109px;line-height: 109px; background-color: #99cc67;" >
							<em class="round_show" style="left:3px">商家</em>
							<p>图片</p>
						</div>
						<div class="goods_info" style="width: 70%;">
							<p class="goods_name grey" >第三个商品</p>
							<p class="yuyu" style="font-size: 12px">已团0件 <font style="font-size: 10px; color: grey">3人团</font></p>
							<p class="price"><span>100.00</span><span class="originally ml10">¥500.00</span></p>
							<p class="time">
								<img src="/template/mobile/new/static/images/time.png" />
								<span id="j"><span class="hour">7</span><font color="black"></font><span class="min">23</span><font color="black"></font><span class="sec">26</span><font color="black"></font><span class="msec">7</span><font color="black"></font></span>
							</p>
							<div class="redbtn redbtn_on">去开团</div>
						</div>
					</li>
				</ul>
				<ul class="goodsbox1 group_buy" style="padding: 0;"  ng-if="item.content.data.length != 0">
					<li ng-repeat="goods in item.content.data" style="border-bottom-width: 10px;">
						
						<div class="goods_img column4" style="width: 29%;height: 109px;line-height: 109px; " ng-style="{'background-color':content.bgcolor}">
							<em ng-if="goods.kttype == 1"  class="round_show" style="left:3px">商家</em>
							<em ng-if="goods.kttype == 2"  class="round_show" style="left:3px">会员</em>
							<em ng-if="goods.kttype == 3"  class="round_show" style="left:3px">阶梯</em>

							<p ng-if="goods.goodsimg == ''">图片</p>
							<img class="vam_img" ng-if="goods.goodsimg" src="{{goods.goodsimg}}" />
						</div>
						<div class="goods_info" style="width: 70%;">
							<p class="goods_name grey">{{goods.title}}</p>
							<p class="yuyu" style="font-size: 12px">已团0件 <font style="font-size: 10px; color: grey">{{goods.tun_num}}人团</font></p>
							<p class="price"><span>¥{{goods.price}}</span><span class="originally ml10">¥{{goods.the}}</span></p>
							<p class="time">
								<img src="/template/mobile/new/static/images/time.png" />
								<span id="j"><span class="hour">7</span><font color="black"></font><span class="min">23</span><font color="black"></font><span class="sec">26</span><font color="black"></font><span class="msec">7</span><font color="black"></font></span>
							</p>

							<div  ng-if="goods.kttype == 1" class="redbtn redbtn_on">去参团</div>
							<div  ng-if="goods.kttype == 2" class="redbtn redbtn_on">去开团</div>
							<div  ng-if="goods.kttype == 3" class="redbtn redbtn_on">去开团</div>
						</div>
					</li>
				</ul>
			</div>	
		</div>
<style>
	.goods_img .round_show{ width: 0.5rem; height:0.5rem; color: #fff; font-size: 0.18rem; line-height: 0.48rem; background:#E9030D; border-radius: 100%;position: absolute; top: 2px; right:3px;}
</style>