87,910
社区成员
发帖
与我相关
我的任务
分享
<div id="content" class="content">
<script id="j-tmpl" type="text/x-dot-template">
{{for(var i=0;i<it.length; i++){}}
<!--左边-->
<div class="vleft">
<div class="pic" tapmode onclick="fnPlay('{{=it[i].path}}');">
<img src="{{=it[i].coverImgv}}" width="100%" />
</div>
<div class="footer">
<div class="icon aui-img-round">
<img src="../image/video/video3_3.png" alt="">
</div>
<div class="txt">
{{=it[i].nam}}
<em class="zan">{{=it[i].zan}}赞</em>
</div>
</div>
</div>
<div class="kye"></div>
/*右边*/
<div class="vright">
<div class="pic" tapmode onclick="fnPlay('{{=it[i].path}}');">
<img src="{{=it[i].coverImgv}}" width="100%" />
</div>
<div class="footer">
<div class="icon aui-img-round">
<img src="../image/video/video3_3.png" alt="">
</div>
<div class="txt">
{{=it[i].nam}}
<em class="zan">{{=it[i].zan}}赞</em>
</div>
</div>
</div>
<div class="kye"></div>
{{ }}}
</script>
</div>
<style>
.content>div{
box-sizing: border-box;
width: 50%;
padding: 0;
margin: 10px 0;
counter-increment: test;
text-align: center;
}
.content>div:after{
content: counter(test);
}
.content>div:nth-of-type(2n+1){
float: left;
background-color: red;
}
.content>div:nth-of-type(2n){
float: right;
background-color: green;
}
</style>
</head>
<body>
<div class="content">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>