foreach与html混用遍历商品

2016-12-04  本文已影响0人  孤岛渔夫
    <?php 
    
    $arr = array(
            array('name'=>'R9金 1600W前置自拍','img'=>'p1.jpg','previous'=>'¥2799.00','jump'=>'¥499.00'),
            array('name'=>'R9Plus金 大屏续航旗舰','img'=>'p2.jpg','previous'=>'¥2799.00','jump'=>'¥99.00'),
            array('name'=>'A59金 正面指纹识别','img'=>'p3.jpg','previous'=>'¥799.00','jump'=>'¥9.00'),
            array('name'=>'A37金 美颜4.0','img'=>'p4.jpg','previous'=>'¥99.00','jump'=>'¥-9.00'),
        );

  ?>

 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body{
            background-color: #EDEDED;
        }
        li{
            width: 294px;
            height: 420px;
            border:1px solid #ccc;
            background-color: #fff;
            float:left;
            list-style:none;
            text-align:center;
            padding:14px;
        }

    </style>
 </head>
 <body>
    <ul>
        <?php foreach($arr as $val):  ?>
            <li>
                <!--  <?php echo  xxxx  ?>  ==   <?= xxxx ?>    -->
                <img src="<?= $val['img']?>" alt="">
                <p><?php echo $val['name']?></p>
                <p><del><?php echo $val['previous']?></del></p>
                <b><?php echo $val['jump']?></b>
            </li>
        <?php endforeach; ?>
    </ul>
 </body>
 </html>
上一篇 下一篇

猜你喜欢

热点阅读