Skip to content
🔥 Vue coverflow component(vue)
JavaScript CSS Vue HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
__tests__
lib 1.0.0 Jul 27, 2018
public
src
.browserslistrc
.editorconfig
.eslintrc.js
.gitignore
.npmignore
.travis.yml
LICENSE
README.md
babel.config.js
jest.config.js
package.json
postcss.config.js
vue.config.js
yarn.lock

README.md

vue-hotzone logo

Build Status Coverage Status Npm download Npm version GitHub License

Introduction

A vue2 hotzone component

Demo | 案例

Install

npm i vue-hotzone --save
# or
yarn add vue-hotzone

Use

// Use in component
import hotzone from 'vue-hotzone'

export default {
  components: {
    hotzone
  }
}

// Use in global
import hotzone from 'vue-hotzone'

Vue.component(hotzone.name, hotzone)

// or
Vue.use(hotzone)
<hotzone [options]></hotzone>

Options

Attributes

You can set them to your data function

Attribute Type Description Keys
image String image of hotzone(required: true)
max Number max number of zones
zonesInit Array init zones item(heightPer, leftPer, topPer, widthPer)

Events

Event Name Description Parameters
change triggers when the zones changes the array of the zones
add triggers when the zone add the add zone item
remove triggers when the zone remove the index of the remove zone
overRange triggers when zones number > max the index of the overRange zone
erase triggers when add zone overRange or smaller than the minimum area(48*48) the index of the erase zone

Develop

$ git clone https://github.com/OrangeXC/vue-hotzone.git

$ cd vue-hotzone

$ yarn

$ yarn serve

License

Vue-hotzone is MIT licensed.

You can’t perform that action at this time.