pfhwyigou/backend/views/wx/awardnamelist.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>
    .lucky_list{
        /*overflow-y:auto;*/
        width:800px;
        /*height:560px;*/
        padding:20px;
        /*position: relative;*/
        margin:0 auto;
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }


    /*!*签到墙样式*!*/
    .wx_box {display:inline-block;padding:8px 5px;width:100px;height:100px}
    .wx_img img {width:100%;height:100%}
    .wx_title {text-align:center;}
</style>

<div id="demonstrate" class="lucky_list">

    <?php  foreach ($model as $key=>$val){ ?>
        <div>
            <p style="background-color: #66a8cc;padding: 5px 0 0 0;"> 时间：<?php echo date('Y-m-d H:i:s',$model[$key][0]['update_at'] ) ?> <span>
                      &nbsp;  &nbsp;  &nbsp;  &nbsp;   &nbsp;  &nbsp; 人数： <?php echo count($model[$key]) ?>
                </span>  &nbsp;  &nbsp;  &nbsp;  <button onclick="clearjc(<?php echo $key ?>,<?php echo  $model[$key][0]['jc'] ?>)">清除奖次</button>
            </p>
                    <?php  foreach ($model[$key] as $val){ ?>
                                <div class="wx_box">
                                    <div class="wx_img"><img src="<?php echo $val['photo'] ?>" alt=""></div>
                                    <div class="wx_title">
                                        <p><?php echo $val['name'] ?></p>
                                        <p><?php echo $val['rand'] ?></p>
                                    </div>
                                </div>
                    <?php } ?>
        </div>



    <?php } ?>
<!--    <div class="wx_box">-->
<!--        <div class="wx_img"><img src="/img/tmp/111.jpg" alt=""></div>-->
<!--        <div class="wx_title">-->
<!--            <p>夏天的风</p>-->
<!--            <p>5504</p>-->
<!--        </div>-->
<!--    </div>-->



</div>