初始提交

components/Jnpf/Rate/index.vue

@@ -0,0 +1,60 @@
+<template>
+	<uni-rate class="jnpf-rate" v-model="innerValue" :size="20" :max="max" :allowHalf="allowHalf" :disabled="disabled"
+		@change="onChange" />
+</template>
+<script>
+	export default {
+		name: 'jnpf-rate',
+		inheritAttrs: false,
+		props: {
+			modelValue: {
+				type: [Number, String],
+				default: 0
+			},
+			allowHalf: {
+				type: Boolean,
+				default: false
+			},
+			max: {
+				type: Number,
+				default: 5
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			}
+		},
+		watch: {
+			modelValue: {
+				handler(val) {
+					this.innerValue = Number(val)
+				},
+				immediate: true
+			}
+		},
+		data() {
+			return {
+				innerValue: 0
+			}
+		},
+		methods: {
+			onChange(data) {
+				this.$emit('update:modelValue', data.value)
+				this.$emit('change', data.value)
+			},
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.jnpf-rate {
+		width: 100%;
+		display: flex;
+		justify-content: flex-end;
+
+		&.jnpf-rate-disabled {
+			:deep(.uni-icons) {
+				color: #E6E6E6 !important;
+			}
+		}
+	}
+</style>