Vue.js + vue-rate-it で Heart Rating
この記事は約 2 分で読めます。
Vue-rate-it は Vue.js の拡張可能で、
高度にカスタマイズ可能な評価システムです。
星、ハート、画像、または Font Awesomeで
評価するための4つの組み込みの
評価コンポーネントが含まれています。
その中から、
ハート評価の
Example をご紹介致します。
Contents
Props Example
以下は、
カスタマイズされた
ハート評価コンポーネントの例です。
<heart-rating :item-size="30" :increment="0.5" inactive-color="#e1bad9" active-color="#cc1166" v-model="rating"></heart-rating>
Default
Half Rating
Fluid Rating
Pink Hearts
Small Hearts
Big Hearts
Lots of Hearts
RTL Hearts
Preset Rating
Read-only Rating
Hide Rating
Resettable / Synced
Your current rating: {{rating}} – Reset
Mouse Over Rating
Mouse Over: {{mouseOver}}
Inline Rating
Rated
https://craigh411.github.io/vue-rate-it/#/最後まで
ご高覧いただきまして
有難うございました