pfhwyigou/backend/views/wx/jcrecord.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/3/14
 * Time: 下午3:24
 */
use backend\assets\AppAsset;
//AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/wx/jc.js");
?>
<style>
	.participant {font-size:18px;background:rgba(0,150,136,0.5);padding:10px 0 10px 20px;margin:20px 20px 0 20px;}
	.participant span {color:red;}
	.awards_box {padding:20px;}
	.awards_one {}
	.awards_title {font-size:14px;background:rgba(57,61,73,0.5);padding:10px 0 10px 20px;color:#fff;}
	.awards_one_box {padding:10px 0;}
	.si_box {display:inline-block;width:90px;text-align:center;margin:5px;box-shadow:2px 2px 6px 2px #ccc}
	.si_box img {display:block;width:100%;height:80px;}
	.label p {display:inline-block;float:right;}
	.label p span {display:inline-block;padding:0 10px;color:red;}
</style>

<div class="participant">参与抽奖总人数：<span class="sum">300</span>，中奖人数：<span class="winning">100</span>，未中奖人数:<span class="losing">200</span></div>
<div class="awards_box">
	<div class="awards_one">
		<div class="awards_title">一等奖(抽<span>2</span>次)</div>
		<div class="awards_one_box">
			<div class="si_box">
				<img src="http://images.pinfangge.top/pc/house/04398bc5b707c483d27c07128ffc0643.png" alt="">
				<p>2016</p>
			</div>
			<div class="si_box">
				<img src="http://images.pinfangge.top/pc/house/04398bc5b707c483d27c07128ffc0643.png" alt="">
				<p>2016</p>
			</div>
			<div class="label">
				<hr/>
				<p><span>第1次</span>2018.10.1</p>
			</div>
		</div>
	</div>
</div>