0.2.2 • Published 3 years ago

five-star-eval v0.2.2

Weekly downloads
222
License
MIT
Repository
github
Last release
3 years ago

five-star-eval

This component is only used to present score by five stars.

PRESENTATION

6J6lmn.png

HOW TO USE

<!-- if your want to show score text, set 'show-score' as true: -->
<!-- :show-score="true" or show-score -->
<five-star-eval
    v-for="(score, index) in scores"
    :key="index"
    :score="score"
    show-score/>
import Vue from 'vue'
import FiveStarEval from 'five-star-eval'

Vue.use(FiveStarEval)

export default {
  name: 'App',
  data() {
    return {
      scores: [0.1, 0.5, 1.1, 1.5, 2.1, 2.7, 2.9, 3.5, 3.9, 4.3, 4.8]
    }
  }
}

PROPS

PROP NAMETYPEOPTIONSDEFAULTDESC
scoreNumber---
inactiveColorString-#d5d5d5inactive star color
activeColorString-orangeactive star color
showScoreBoolean-falseshow score text
scoreColorString-#666666score text color
0.2.1

3 years ago

0.2.2

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.0

3 years ago