1.1.0 • Published 5 years ago
vuc-input v1.1.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 | fill) | |
| 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 | Whether the transparency of particles is random, true is random, false or number is not random, number will control transparency, false will be 1 |
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