semantic-ui_使用VueJS制作的Semantic-UI中的评分组件

最新推荐文章于 2024-08-13 08:30:09 发布

cuk5340

最新推荐文章于 2024-08-13 08:30:09 发布

阅读量479

点赞数

文章标签： vue python react java javascript ViewUI

版权

semantic-ui

Rating component in Semantic-UI made with VueJS (< 1kB, blazing fast)

使用VueJS制作的Semantic-UI的评分组件(<1kB，速度非常快)

Simple ui rating component for Vue made with Semantic-UI.

使用语义UI制作的Vue的简单ui评级组件。

This is on GitHub so let me know if I've b0rked it somewhere, give me a star :star: if you like it :beers:

这是在GitHub上的，所以让我知道是否在某个地方买了，给我加一个star：star：如果您喜欢它：beers：

npm install v-rating
// or
yarn add v-rating

全局注册组件：

Vue.component('Rating', require('v-rating'));

Or use locally

或在本地使用

import Rating from 'v-rating';

<Rating v-model="yourLocalVariable"></Rating>

Vue.component('example-component', {
	data() {
		return {
			yourLocalVariable: 0,
		};
	}
});

Name	Type	Required?	Default	Description
`type`	String	No	`star`	The type of rating component will it be? SUI has `stars` &`heart`.
`clearable`	Boolean	No	`true`	Whether the rating is clearable or not. Read the SUI Docs on this
`max`	String	No	`5`	A number representing the maximum ratings that can be made available.
`initial`	String	No	`0`	A number representing the default rating to apply.

名称	类型	需要？	默认	描述
`type`	串	没有	`star`	评分成分的类型是什么？ SUI拥有`stars`和`heart` 。
`clearable`	布尔型	没有	`true`	评级是否可清除。阅读有关此内容的SUI文档
`max`	串	没有	`5`	一个数字，表示可以提供的最大额定值。
`initial`	串	没有	`0`	一个数字，表示要应用的默认评级。