1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- import { defineMixin } from '../../libs/vue'
- import defProps from '../../libs/config/props.js'
- export const props = defineMixin({
- props: {
- // #ifdef VUE3
- // 用于v-model双向绑定选中的星星数量
- modelValue: {
- type: [String, Number],
- default: () => defProps.rate.value
- },
- // #endif
- // #ifdef VUE2
- // 用于v-model双向绑定选中的星星数量
- value: {
- type: [String, Number],
- default: () => defProps.rate.value
- },
- // #endif
- // 要显示的星星数量
- count: {
- type: [String, Number],
- default: () => defProps.rate.count
- },
- // 是否不可选中
- disabled: {
- type: Boolean,
- default: () => defProps.rate.disabled
- },
- // 是否只读
- readonly: {
- type: Boolean,
- default: () => defProps.rate.readonly
- },
- // 星星的大小,单位px
- size: {
- type: [String, Number],
- default: () => defProps.rate.size
- },
- // 未选中时的颜色
- inactiveColor: {
- type: String,
- default: () => defProps.rate.inactiveColor
- },
- // 选中的颜色
- activeColor: {
- type: String,
- default: () => defProps.rate.activeColor
- },
- // 星星之间的间距,单位px
- gutter: {
- type: [String, Number],
- default: () => defProps.rate.gutter
- },
- // 最少能选择的星星个数
- minCount: {
- type: [String, Number],
- default: () => defProps.rate.minCount
- },
- // 是否允许半星
- allowHalf: {
- type: Boolean,
- default: () => defProps.rate.allowHalf
- },
- // 选中时的图标(星星)
- activeIcon: {
- type: String,
- default: () => defProps.rate.activeIcon
- },
- // 未选中时的图标(星星)
- inactiveIcon: {
- type: String,
- default: () => defProps.rate.inactiveIcon
- },
- // 是否可以通过滑动手势选择评分
- touchable: {
- type: Boolean,
- default: () => defProps.rate.touchable
- }
- }
- })
|