vpay

vue移动端星级打分，仿美团打分。

动态图演示

插件的安装

NPM

npm i vstar

引入插件

import Vue from 'vue';
import vstar from 'vstar';

Vue.use(vstar);

基本用法

<vstar ref="star"   
    @showResult="false"
    @release="release"
></vstar>

API

| 参数 | 说明 | 类型 | 默认值 |
| - | :- | :- | :-: |
| showResult | 评分结果的显示隐藏 | Boolean | false | | score | 分数 | Number | '' | | comment | 评论 | String | '' | | ref | 获取当前插件实例 | String | - | | release | 当前插件调用成功的回调 | Function | - |

Event

| 事件名 | 说明 | 参数 |
| :- | :- | :- | | show | 开启插件 | - | | hide | 关闭插件 | - | | release | 评分成功的回调 | - |

用法示例：

调起插件：

this.$refs.star.show(true).then(res => {

})

评分成功：

this.$emit("release")

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run serve

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report