feat:新增数字滚动

This commit is contained in:
奔跑的面条
2022-04-01 12:52:11 +08:00
parent daf5537aea
commit c03b4c0263
8 changed files with 188 additions and 32 deletions
@@ -24,7 +24,7 @@
</CollapseItem>
<CollapseItem name="动画" :expanded="true">
<SettingItemBox name="速度">
<SettingItemBox name="速度(s)">
<SettingItem>
<n-input-number
v-model:value="optionData.dur"
@@ -1,23 +1,4 @@
<template>
<CollapseItem name="动画" :expanded="true">
<SettingItemBox name="设置">
<SettingItem name="速度">
<n-input-number
v-model:value="optionData.dur"
size="small"
:step="0.5"
:min="0.5"
></n-input-number>
</SettingItem>
<SettingItem>
<n-space>
<n-text>开启反向</n-text>
<n-switch size="small" v-model:value="optionData.reverse" />
</n-space>
</SettingItem>
</SettingItemBox>
</CollapseItem>
<CollapseItem name="边框" :expanded="true">
<SettingItemBox
:name="`颜色-${index + 1}`"
@@ -41,7 +22,24 @@
</SettingItem>
</SettingItemBox>
</CollapseItem>
<CollapseItem name="动画" :expanded="true">
<SettingItemBox name="设置">
<SettingItem name="速度(s)">
<n-input-number
v-model:value="optionData.dur"
size="small"
:step="0.5"
:min="0.5"
></n-input-number>
</SettingItem>
<SettingItem>
<n-space>
<n-switch size="small" v-model:value="optionData.reverse" />
<n-text>开启反向</n-text>
</n-space>
</SettingItem>
</SettingItemBox>
</CollapseItem>
<CollapseItem name="背景" :expanded="true">
<SettingItemBox name="颜色">
<SettingItem>
@@ -60,14 +58,14 @@ import { PropType } from 'vue'
import {
CollapseItem,
SettingItemBox,
SettingItem
SettingItem,
} from '@/components/ChartItemSetting/index'
import { option } from './config'
const props = defineProps({
optionData: {
type: Object as PropType<typeof option>,
required: true
}
required: true,
},
})
</script>