7ヶ月前に投稿

Vue.js + vue-rate-it で Heart Rating

この記事は約 2 分で読めます。

3.5

Vue-rate-itVue.js の拡張可能で、
高度にカスタマイズ可能な評価システムです。
星、ハート、画像、または Font Awesomeで
評価するための4つの組み込みの
評価コンポーネントが含まれています。

その中から、
ハート評価の
Example をご紹介致します。

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 by our customers.
貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました
Vue.js + vue-rate-it で Heart Rating