2.1.1 • Published 3 years ago
swork-quickly-plugin v2.1.1
Documentation
CDN
Get the latest version of View UI from unpkg.com/view-design. Use CDN to deliver compiled JS and CSS to your project:
<!-- import Vue.js -->
<script src="//vuejs.org/js/vue.min.js"></script>
<!-- import stylesheet -->
<link rel="stylesheet" href="//unpkg.com/view-design/dist/styles/iview.css">
<!-- import iView -->
<script src="//unpkg.com/view-design/dist/iview.min.js"></script>
Get Started
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ViewUI example</title>
<link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">
<script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>
<script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/swork-quickly-plugin@2.1.0/dist/swork-bug-plugin.min.js"></script>
</head>
<body>
<div id="app">
<SworkQuicklyPlugin :show="true" :token="token" :projectID="projectID" />
</div>
<script>
new Vue({
el: '#app',
data: {
token: '',
projectID: '',
},
})
</script>
</body>
</html>NPM
Install vue with the node package manager.
`npm install vue`
Install iView with the node package manager.
`npm install view-design --save`
Install Swork Quickly Plugin with the node package manager.
`npm i swork-quickly-plugin` or `npm i swork-quickly-plugin@latest` or `npm i swork-quickly-plugin@version`
Get Started
<template>
<div id="app">
<SworkQuicklyPlugin :show="true" :token="token" :projectID="projectID" />
</div>
</template>
<script>
import Vue from "vue";
import ViewUI from "view-design";
import "view-design/dist/styles/iview.css";
import SworkQuicklyPlugin from "swork-quickly-plugin";
Vue.use(ViewUI);
export default {
data() {
return {
token: '',
projectID: '',
};
},
components: {
SworkQuicklyPlugin,
}
};
</script>
PROPS
name: token
type: String
default value: ''
description: 'the token used on swork'
name: projectID
type: String
default value: ''
description: 'The current project id that you are working on'
name: btnTitle
type: String
default value: 'Bug'
description: 'the circle button text'
name: show
type: Boolean
default value: true
description: 'whether to show'