12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <template>
- <div class="comment-list">
- <div class="page-title" v-if="comments.length">评论</div>
- <div class="comment"
- v-for="comment in comments"
- :key="comment.id"
- @click="handleClick(comment)"
- >
- <div class="user">
- <div class="inline">
- <img :src="comment.image"
- class="avatar"
- mode="aspectFit">
- {{comment.title}}
- </div>
- <div class="right">
- {{comment.location||'未知地点'}}
- <span class="text-primary">
- --
- </span>
- {{comment.phone||'未知型号'}}
- </div>
- </div>
- <div class="content">
- {{comment.comment}}
- </div>
- </div>
- </div>
- </template>
- <script>
- export default {
- props: ['comments', 'type'],
- methods: {
- handleClick (comment) {
- if (this.type === 'user') {
- wx.navigateTo({
- url: '/pages/detail/main?id=' + comment.bookid
- })
- }
- }
- }
- }
- </script>
- <style lang="scss">
- .comment-list{
- background:#eee;
- font-size:14px;
- .comment{
- background: white;
- margin-bottom:10px;
- padding:5px 20px;
- .content{
- margin:10px 0;
- }
- .user{
- .inline{
- display:inline;
- .avatar{
- width:20px;
- height:20px;
- border-radius: 50%;
- }
- }
- }
- }
- }
- </style>
|