如何使用

安装依赖

yarn add vue-feedback-component
# OR
npm install vue-feedback-component

在 Vue 项目中使用

// main.js
import Vue from 'vue'
import FeedBack from 'vue-feedback-component'

Vue.use(FeedBack)

<template>
  <div id="app">
    <feed-back
      project-id="160992173712442007"
      title-text="您对平台的使用体验满意吗?"
      visiblity="hide"
      bottom="40px"
      right="96px"
      good="提示文案清晰&&操作简单易懂&&界面清晰整洁&&功能覆盖齐全&&系统稳定&&数据准确"
      bad="操作复杂&&提示、引导文案不清晰&&界面杂乱&&系统经常报错&&功能缺失&&数据不准确">
    </feed-back>
  </div>
</template>

如果您要在 VuePress 文档项目中使用，直接使用 vuepress-plugin-feedback 插件即可。

属性说明

| 属性 | 是否必填 | 默认值 | 说明 | | --------- | -------- | ------------------------------------------------------------ | -------------------------------------------- | | projectId | True | - | 唯一标识一个项目的 id | | titleText | False | '您对平台的使用体验满意吗?' | 组件标题 | | visiblity | False | 'hide' | 设置组件是否可见，'hide'隐藏，'show'展示 | | bottom | False | '40px' | 距窗口下边距离 | | right | False | '96px' | 距窗口右边距离 | | good | False | '提示文案清晰&&操作简单易懂&&界面清晰整洁&&功能覆盖齐全&&系统稳定&&数据准确' | 满意、非常满意的选项，使用'&&'分隔 | | bad | False | '操作复杂&&提示、引导文案不清晰&&界面杂乱&&系统经常报错&&功能缺失&&数据不准确' | 一般、不满意、非常不满意的选项，使用'&&'分隔 | | btn | False | 'show' | 按钮是否可见，'hide'隐藏，'show'展示 |

Slot

| slot | 说明 | | ---- | -------------------------- | | 默认 | 控制反馈组件是否显示的按钮 |

提交代码

# 安装
npm i -g gitmoji-cli

# 使用
gitmoji -i
git add .
git commit

推荐使用 gitmoji；一来效率高；二来，涉及内容一目了然。另外，建议每次提交，涉及的任务不超过一个。