<template>
  <div class="page-wrapper comment-page">
    <div class="page-container-white">
      <text class="comment-title">{{ title }}</text>
      <text class="text-remark-big resource-title">{{ commentName }}：</text>
      <text class="text-black resource-text">{{ commentText }}</text>
      <div class="text-line">
        <textarea class="textarea" placeholder="回复" onchange="changeReply"></textarea>
      </div>
      <div class="btn-line">
        <text class="publish-btn" onclick="onBtnClick">发布</text>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  public: {
    title: '',
    id: '',
    commentId: '',
    commentText: '',
    commentName: ''
  },
  private: {
    reply: ''
  },
  /* -------------------SelfCustomEvent------------------ */
  changeReply(param) {
    this.reply = param.value
  },
  onBtnClick() {
    console.log(this.reply)
    // 评论成功后，跳转回原来页面
    router.back()
  }
}
</script>

<style lang="less">
@import '../../assets/styles/index.less';
.comment-title {
  font-size: 9 * @size-factor;
  color: @text-black;
  font-weight: bold;
  padding: @gap-4;
  .g22kjdgy{
    color: #ffffff;
  }
}
.resource-title {
  padding: @gap-4 @gap-4 @gap-2 @gap-4;
}
.resource-text {
  padding: 0 @gap-4 @gap-4 @gap-4;
}
</style>
