atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 22:49:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

fix(CountUpDemo): remove separator preview slider

Browse Source
This commit is contained in:
Alfarish Fizikri
2025-08-02 06:31:15 +07:00
parent f121946388
commit 43d8e20dec
1 changed files with 3 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/demo/Animations/CountUpDemo.vue
View File

@@ -11,7 +11,6 @@
:direction="direction" :direction="direction"
:delay="delay" :delay="delay"
:duration="duration" :duration="duration"
:separator="separator"
class-name="count-up-text" class-name="count-up-text"
/> />
@@ -41,17 +40,15 @@
</div> </div>
<Customize> <Customize>
<PreviewSlider title="From" v-model="from" :min="0" :max="1000" :step="10" /> <PreviewSlider title="From" v-model="from" :min="0" :max="100" :step="10" />
<PreviewSlider title="To" v-model="to" :min="100" :max="5000" :step="100" /> <PreviewSlider title="To" v-model="to" :min="100" :max="500" :step="100" />
<PreviewSelect title="Direction" v-model="direction" :options="directionOptions" /> <PreviewSelect title="Direction" v-model="direction" :options="directionOptions" />
<PreviewSlider title="Duration" v-model="duration" :min="0.5" :max="10" :step="0.5" value-unit="s" /> <PreviewSlider title="Duration" v-model="duration" :min="0.5" :max="10" :step="0.5" value-unit="s" />
<PreviewSlider title="Delay" v-model="delay" :min="0" :max="5" :step="0.5" value-unit="s" /> <PreviewSlider title="Delay" v-model="delay" :min="0" :max="5" :step="0.5" value-unit="s" />
<PreviewSelect title="Separator" v-model="separator" :options="separatorOptions" />
</Customize> </Customize>
<PropTable :data="propData" /> <PropTable :data="propData" />
@@ -94,25 +91,16 @@ const setStartCounting = (value: boolean) => {
}; };
const from = ref(50); const from = ref(50);
const to = ref(1000); const to = ref(100);
const direction = ref<'up' | 'down'>('up'); const direction = ref<'up' | 'down'>('up');
const duration = ref(2); const duration = ref(2);
const delay = ref(0); const delay = ref(0);
const separator = ref(',');
const directionOptions = [ const directionOptions = [
{ label: 'Up', value: 'up' }, { label: 'Up', value: 'up' },
{ label: 'Down', value: 'down' } { label: 'Down', value: 'down' }
]; ];
const separatorOptions = [
{ label: 'None', value: '' },
{ label: 'Comma (,)', value: ',' },
{ label: 'Period (.)', value: '.' },
{ label: 'Space ( )', value: ' ' },
{ label: 'Underscore (_)', value: '_' }
];
const propData = [ const propData = [
{ {
name: 'to', name: 'to',