标签无法正常使用

老师你好，我按你说的，使用{include file="common/header"}的方式载入header和footer文件，页面是可以正常显示的，但是标签仍然使用不了，例如使用{volist}标签，则效果如下图所示。

如果采用thinkphp3的写法，改成<volist>这样，这样倒是可以使用标签了，但是{$vo.name}这样的变量仍然无法输出，自己换了好几种写法，都不能输出变量，希望老师指点一下。

我标签是在topic_list.html中修改的，代码如下：

<div class="col-md-9 threads-index main-col">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="pull-left hidden-sm hidden-xs">
                <i class="fa fa-list"></i> 首页
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="panel-body remove-padding-horizontal">
            <ul class="list-group row thread-list">
            </ul>
            <!-- 帖子列表 -->
            {volist name="topics" id="vo"}
            <ul class="list-group row thread-list">
                <li class="list-group-item media " style="margin-top: 0px;">
                    <div class="avatar pull-left">
                        <a href="post.html">
                            <img class="media-object img-thumbnail avatar-48" alt="imooc"
                                 src="<?=__STATIC__;?>/"{$vo.avatar}/>
                        </a>
                    </div>
                    <div class="infos">
                        <div class="media-heading">
                            <i class=""> 王健林的瘦身之道</i>
                            <a href="" title="">
                            </a>
                        </div>
                        <div class="media-body meta">
                            <a href="">
                                <span> 王丹的朋友圈被万达年会的图片、小视频霸屏了。
                                    这些都是她在万达的前同事从东方影都现场发出来的。
                                    王丹当时真有目迷五色、心醉神迷的感觉。大半年前，
                                    东方影都正式开业，王丹又是一通忙，然而彼时她已经没有了什么主人的感觉，
                                    因为2017年7月万达已将东方影都卖给了融创，随后在2018年10月，
                                    万达又将13个文旅城的服务主体——万达文旅管理公司作价60.81亿卖给了融创，
                                    王丹作为公司员工，也一起加盟了融创。</span>
                            </a>

                            <span class="timeago" data-toggle="tooltip" data-placement="top"
                                  title="">
              </span>
                        </div>
                    </div>
                </li>
            </ul>
            {/volist}
        </div>
    </div>
</div>