美文网首页
foreach与html混用遍历商品

foreach与html混用遍历商品

作者: 孤岛渔夫 | 来源:发表于2016-12-04 01:42 被阅读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>

相关文章

网友评论

      本文标题:foreach与html混用遍历商品

      本文链接:https://www.haomeiwen.com/subject/irfhmttx.html