all_comment.html 2.2 KB
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>所有评论</title>
    <tc_include file="Public:common"/>
    <link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/all_comment.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/jquery.raty.css" />
    <script src="__TMPL__Public/assets/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="__TMPL__Public/assets/js/jquery.raty.js" type="text/javascript" charset="utf-8"></script>
    <style>
        .plstart {
            width: 3rem;
            height: 0.4rem;
            /* background-color: red; */
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-left: 0.2rem;
        }

        .plstart img {
            display: block;
            width: 0.3rem;
            height: 0.3rem;
            margin-left: -0.3rem;
        }

        .plstart img:first-child {
            margin: 0;
        }
    </style>
</head>
<body>
<div class="container">
    <volist name="commentList" id="vo">
    <div class="comment_list">
        <div class="list_head">
            <div class="list_head_left">
                <img src="{:sp_get_image_preview_url($vo['avatar'])}" class="head_logo" />
                <p class="head_name">{$vo.nickname}</p>
                <div class="plstart" data-number="{$vo.is_comment}"></div>
            </div>
            <p class="list_data">
                {:date('Y-m-d',$vo['com_time'])}
            </p>
        </div>
        <div class="list_res">
            {$vo.comment}
        </div>
    </div>
    </volist>
</div>
</body>
<script>
    $('.comment_list').each(function () {
        var num = $(this).find('.plstart').data('number');
        $(this).find('.plstart').raty({
            readOnly: true,
            score: num
        });
    })
</script>
</html>