0

我正在使用 PHP 从 MySQL 读取值，但我的引导图标没有出现。

这是我的代码的一部分，有人可以告诉我我做错了什么吗？

switch($val)
        {
            case(1):
                $icon="icon-check icon-green";
                break;
            case(2):
                $icon="icon-plus-sign icon-blue";
                break;
            case(3):
                $icon="icon-check icon-yellow";
                break;
            case(4):
                $icon="icon-remove-circle icon-red";
                break;
        }

        echo '<pre style="background:#F2F2F2;"><i class="' . $icon . '"></i><code style="color:#4169E1;">' . $val1 .  '</code><strong> ' . $val2 . 'd</strong> text '. $val3 .' <span style="color:#7A8B8B;">@</span> ' . $val4 . '<br><i class="icon-comment icon-blue"></i><em><small>"' . $val5 . '"</small></em></pre>';
4

2 回答 2

0

一些事情 - 你没有为 $var1、$var2、$var3 赋值......你需要做 $var=1、$var=2 等。

另外，打开错误报告，然后你会得到未定义的错误作为线索。此外，我不会回应整个刺痛 - 它真的很难阅读和维护，而且很容易错过引号......

相反，请考虑：

<div class ="<?= $foo ?>" >
//more html
</div>

当你有大块的 html 时，它更容易阅读，而且不容易出错。最后，不要对内联样式进行硬编码——保持 CSS、PHP 和 HTML 分开。

至于开关，您需要定义开关，但您还需要获取值，因此您需要某种循环来完成您要完成的工作：

<?php
    function myicon($val){
        switch($val)
        {
            case(1):
                return "icon-check icon-green";
                break;
            case(2):
                return "icon-plus-sign icon-blue";
                break;
            case(3):
                return "icon-check icon-yellow";
                break;
            case(4):
                return "icon-flag icon-red";
                break;
        }
    }
?>

<?php for ($i=1;$i<5;$i++):
$icon=myicon($i);
echo $icon;
?>
<div>
<i class="<?= $icon ?>"><?= $icon ?></i>    
</div>
<?php endfor; ?>

OR:

<?php
for ($i=1;$i<5;$i++){
$icon=myicon($i);
echo "<div>";
echo '<i class="'.$icon.'">'.$icon.'</i>';
echo "</div>";
}
?>

在这个小例子中，我可能会使用“if...elseif”而不是 switch，但是上面的代码现在肯定很容易让你重用。享受！祝你好运，我希望对你有所帮助 - 关于 switch、for...each、while... 以及三元运算符的 rtm。

于 2013-10-18T07:47:20.637 回答
0

尝试删除“icon-blue”、“icon-yellow”、...类。

我认为您只能使用此处所述的白色或黑色图标：Bootstrap icon doc

于 2013-10-18T07:43:32.130 回答