Reply Bar 底部评论输入框

评论区底部评论输入框，固定在页面底部。

规则

• 左侧支持显示头像图片，若无头像则输入框占满容器。

可选参数

Prop	type	Required	Default	Description
avatar	String	no	''	左侧头像src地址

事件回调

Event	Description
handleClick()	输入框click事件
handleAvatarClick()	头像click事件

使用方法

<template>
  <div class="page">
    <vs-note :title="'热门评论'" :icon-show="true" @handleTitleClick="handleTitleClick">
      <template v-slot:note-card>
        <vs-note-card
          :key="key"
          v-for="(item, key) in notes"
          :index="key"
          :detail="item"
          @reply="showReplyOthersBox"
          @like="likeEvent"
          @operation="showMoreOperation"
          @avatar="handleAvatarClick"
          @view-all-replies="viewAllReplies"
        />
      </template>
    </vs-note>
  </div>
</template>
<script>
<template>
  <div class="page">
    <vs-reply-bar :avatar="'http://image.thefair.net.cn/material/note/20200723/4981ab37e74d58c385ee4897216cdf8e.jpg'"/>
  </div>
</template>

<script>
  import {ReplyBar} from 'horizon-ui'
  export default {
    name: "reply-bar",
    components: {
      'vs-reply-bar': ReplyBar,
    },
  }
</script>