vue-feedback-component

基于 vue 构建的反馈组件。

如何使用

安装依赖

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；一来效率高；二来，涉及内容一目了然。另外，建议每次提交，涉及的任务不超过一个。