<div class="home-page">
  <div class="title">
    {{username}}'s archive
  </div>
  <widget data-widget="./homePageNavigator"></widget>
  <div class="archives" data-list="archives">
    <template data-name="archiveListItem">
      <div class="archive-list-item">
        <div class="title">
          {{title}}
        </div>
        <img src="{{src}}" class="" alt="" />
        <div class="content">
          {{content}}
        </div>
        <div class="comments" data-list="comments">
          <template data-name="commentListItem">
            <div class="user">
              {{userName}}
            </div>
            <div class="avatar">
              <img src="{{src}}" class="avatar"/>
            </div>
          </template>
        </div>
      </div>
    </template>
  </div>
  <div class="button" data-id="refresh">
  </div>
</div>
<style type="text/less">
 background:red;
 .archive-list-item{
   .color:red;
 }
</style>
<script type="text/json" name="defaultTestData">
 {
   "username":"TestUser",
   "archives":[{
     "title":"ArchiveOne"
     ,"content":"ArchiveContent1"
   }]
 }
</script>
