showhtm.html 5.31 KB
<style>
 .flspan{min-height: 2rem; line-height: 2rem}
 .ww200{width:2rem;} .ww400{width:4rem;}
</style>

<div class="ad_temp">
	<ul class="temp1" ng-if="item.content.style==0">
		<li ng-repeat="pic in item.content.data" ng-style="{'background-color':pic.bgcolor}">
			<span class="flspan" ng-if="pic.src == ''">建议宽度640</span>
			<img ng-if="pic.src != ''" src="{{pic.src}}" />
		</li>
	</ul>
	<ul class="temp2" ng-if="item.content.style==1">
		<li ng-repeat="pic in item.content.data" ng-style="{'background-color':pic.bgcolor}">
			<span class="flspan" ng-if="pic.src == ''">建议宽度640</span>
			<img ng-if="pic.src != ''" src="{{pic.src}}" />
		</li>
	</ul>
	<ul class="temp3" ng-if="item.content.style==2">
		<li ng-repeat="pic in item.content.data" style="background-color:#99cc66;">
			<span class="flspan" ng-if="pic.src == ''">300*300</span>
			<img ng-if="pic.src != ''" src="{{pic.src}}" />
		</li>
	</ul>
	<ul class="temp4" ng-if="item.content.style==3">
		<li ng-repeat="pic in item.content.data" style="background-color:#99cc66;">
			<span class="flspan" ng-if="pic.src == ''">200*200</span>
			<img ng-if="pic.src != ''" src="{{pic.src}}" />
		</li>
	</ul>
	<ul class="temp5" ng-if="item.content.style==4">
		<li ng-repeat="pic in item.content.data|limitTo:1" style="background-color:#81d5f9;">
			<span class="flspan" ng-if="pic.src == ''">建议宽度640</span>
			<img ng-if="pic.src != ''" src="{{pic.src}}" />
			<div class="mengban" style="text-align: left;padding-left: .1rem;" ng-if="pic.title !=''" ng-bind="pic.title"></div>
			<div class="round"><span class="active"></span><span></span></div>
		</li>
	</ul>
	<ul class="temp6" ng-if="item.content.style==5">
		<li style="background-color:#99cc66;">
			<span  ng-if="item.content.data[0].src == ''">300*320</span>
			<img ng-if="item.content.data[0].src != ''" src="{{item.content.data[0].src}}" />
		</li>
		<li>
			<div style="background-color:#99cc66;">
				<span ng-if="item.content.data[1].src == ''">300*150</span>
				<img ng-if="item.content.data[1].src != ''" src="{{item.content.data[1].src}}" />
			</div>
			<div style="background-color:#99cc66;">
				<span ng-if="item.content.data[2].src == ''">300*150</span>
				<img ng-if="item.content.data[2].src != ''" src="{{item.content.data[2].src}}" />
			</div>
		</li>
	</ul>
	<ul class="temp7" ng-if="item.content.style==6">
		<li>
			<div class="ww200" style="background-color:#99cc66;margin-right: 2%;">
				<span ng-if="item.content.data[0].src == ''">200*200</span>
				<img ng-if="item.content.data[0].src != ''" src="{{item.content.data[0].src}}" />
			</div>
			<div class="ww400" style="background-color:#99cc66;">
				<span ng-if="item.content.data[1].src == ''">400*200</span>
				<img ng-if="item.content.data[1].src != ''" src="{{item.content.data[1].src}}" />
			</div>
		</li>
		<li>
			<div class="ww400" style="background-color:#99cc66;margin-right: 2%;">
				<span ng-if="item.content.data[2].src == ''">400*200</span>
				<img ng-if="item.content.data[2].src != ''" src="{{item.content.data[2].src}}" />
			</div>
			<div class="ww200" style="background-color:#99cc66;">
				<span ng-if="item.content.data[3].src == ''">200*200</span>
				<img ng-if="item.content.data[3].src != ''" src="{{item.content.data[3].src}}" />
			</div>
		</li>
	</ul>
	<ul class="temp8" ng-if="item.content.style==7">
		<li>
			<div class="h150" style="background-color:#99cc66;margin-right: 5px;">
				<span ng-if="item.content.data[0].src == ''">300*150</span>
				<img ng-if="item.content.data[0].src != ''" src="{{item.content.data[0].src}}" />
			</div>
			<div class="h300" style="background-color:#99cc66;margin-right: 5px;">
				<span ng-if="item.content.data[1].src == ''">300*300</span>
				<img ng-if="item.content.data[1].src != ''" src="{{item.content.data[1].src}}" />
			</div>
		</li>
		<li>
			<div class="h300" style="background-color:#99cc66;margin-left: 5px;">
				<span ng-if="item.content.data[2].src == ''">300*300</span>
				<img ng-if="item.content.data[2].src != ''" src="{{item.content.data[2].src}}" />
			</div>
			<div class="h150" style="background-color:#99cc66;margin-left: 5px;">
				<span ng-if="item.content.data[3].src == ''">300*150</span>
				<img ng-if="item.content.data[3].src != ''" src="{{item.content.data[3].src}}" />
			</div>
		</li>
	</ul>
	<ul class="temp9" ng-if="item.content.style==8">
		<li>
			<div style="background-color:#99cc66;">
				<span ng-if="item.content.data[0].src == ''">200*200</span>
				<img ng-if="item.content.data[0].src != ''" src="{{item.content.data[0].src}}" />
			</div>
			<div style="background-color:#99cc66;">
				<span ng-if="item.content.data[1].src == ''">200*200</span>
				<img ng-if="item.content.data[1].src != ''" src="{{item.content.data[1].src}}" />
			</div>
		</li>
		<li>
			<div style="background-color:#99cc66;">
				<span ng-if="item.content.data[2].src == ''">200*200</span>
				<img ng-if="item.content.data[2].src != ''" src="{{item.content.data[2].src}}" />
			</div>
			<div style="background-color:#99cc66;">
				<span ng-if="item.content.data[3].src == ''">200*200</span>
				<img ng-if="item.content.data[3].src != ''" src="{{item.content.data[3].src}}" />
			</div>
		</li>
		<li style="background-color:#99cc66;">

			<span ng-if="item.content.data[4].src == ''">200*420</span>
			<img ng-if="item.content.data[4].src != ''" src="{{item.content.data[4].src}}" />
		</li>
	</ul>
</div>