<template>
  <div class="more-comment-box">
    <div class="title">
      <!-- <img class="icon" src="../../../static/images/icon_5.png" aspectFill> -->
      <div class="text">全部评论({{commentList && commentList.length || 0}})</div>
    </div>
    <!-- 评论 -->
    <comment
      :commentList="commentList"
      :noneMore="true"></comment>
  </div>
</template>

<script>

import comment from '@/components/comment'

import { commentList } from '@/utils/tempData.js'
export default {
  components: {
    comment
  },
  data () {
    return {
      commentList: commentList
    }
  },

  methods: {
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped lang="less">
.more-comment-box{
  .title{
    padding: 10px;
    overflow: hidden;
    .icon{
      margin-right: 6px;
      width: 20px;
      height: 20px;
      float: left;
    }
    .text{
      line-height: 20px;
      font-size: 16px;
      overflow: hidden;
    }
  }
}
</style>
