<!DOCTYPE html>

<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>常见问题</title>
    <style type="text/css">
        html,body,p,a,span,div,img,ul,li{margin:0;padding:0;}img{max-width:80%;}
        body{background-color:#f5f5f5;margin:0.666em 1em;}
        .detail{background-color:white; border-radius:0.666em;-moz-border-radius:0.666em;-webkit-border-radius:0.666em;}
        li{ list-style-type:none; background:white url(/data/img/more.png) no-repeat  right; list-style-position:inside; font-size:0.933em; color:#212121; padding: 1em 0;margin:0 0.666em; border-bottom:solid 1px #f5f5f5;}
        .li-last{border-bottom:none;}
    </style>
</head>
<body>
<div class="detail">
    <ul>
        <?php
        $len = count($problemList);
        foreach($problemList as $key=>$problem){?>
            <li <?php if($key==($len-1)){?> class="li-last"<?php }?> onclick="goToDetail('<?php echo $problem['problemId'];?>')"><?php echo $problem['problemTitle']?></li>
        <?php }?>
    </ul>

</div>
<script type="text/javascript">
    function goToDetail(problemId){
        window.location.href = '/qa/detail?id='+problemId;
    }
</script>
</body>
</html>