[新增] rate 组件

This commit is contained in:
就眠仪式
2021-10-04 08:06:19 +08:00
parent 2fb6d43e39
commit 98626cdbd6
6 changed files with 67 additions and 1 deletions

9
src/module/rate/index.ts Normal file
View File

@@ -0,0 +1,9 @@
import type { App } from 'vue'
import Component from './index.vue'
import type { IDefineComponent } from '../type/index'
Component.install = (app: App) => {
app.component(Component.name || 'LayRate', Component)
}
export default Component as IDefineComponent

29
src/module/rate/index.vue Normal file
View File

@@ -0,0 +1,29 @@
<template>
<ul class="layui-rate">
<li class="layui-inline">
<i class="layui-icon layui-icon-rate-solid"></i>
</li>
<li class="layui-inline">
<i class="layui-icon layui-icon-rate-solid"></i>
</li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
</ul>
</template>
<script setup lang="ts">
import { defineProps, ref, withDefaults } from 'vue'
const rate = ref([])
const props = withDefaults(
defineProps<{
length?: number
modelValue?: number
}>(),
{
length: 5,
modelValue: 0
}
)
</script>