1.1.0 • Published 7 years ago
vuc-input
Licence
MIT
Version
1.1.0
Deps
2
Size
118 kB
Vulns
1
Weekly
0
vuc-input
Install
npm install --save vuc-input
yarn add vuc-inputBasic use
// Global
import vucInput from 'vuc-input'
Vue.use(vucInput)
// Local
import {vucInput} from 'vuc-input'
export default {
components: {vucInput}
}
Global Attribute Method
| Attribute | Type | Default value | Explain |
|---|---|---|---|
| className | string | Class Style of Input Box | |
| input-style | string | Input Box Style Width and Height Doesn't Work | |
| disabled | boolean | false | Availability |
| autofocus | boolean | false | Autofocus or not |
| full-width | boolean | false | Full of Father's Box |
| H | number | 55 | height (Include padding) |
| W | number | 300 | width (Include padding) |
| padding | number | 10 | padding value |
| num | number | 10 | Number of animated particles |
| size | number | 10 | Particle size |
| type | string | rect | Particle type (arc square rect icon) Icon implements custom effects |
| styleType | string | fill | Is the Particle Stroke or Fill Style (stroke |
| drawImg | Array | [] | Pictures drawn in icon mode (The suggestion is icon's PNG picture) |
| color | Array | ['black'] | Drawing Particle Effect Colors |
| help-text | string | Prompt text | |
| focus | function | ||
| blur | function | ||
| change | function | ||
| alpha | Number | Boolean | true |
Tip
- In order to be compatible with some special effects, some effects of input input box are removed.
- In the case of focus acquisition, the focus position cannot be switched with the mouse, because the canvas level is higher than the input level in the case of focus acquisition.
- There are differences between IE and WebKit kernel