diff --git a/examples/uni/package.json b/examples/uni/package.json
index b940100..344dcd2 100644
--- a/examples/uni/package.json
+++ b/examples/uni/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@skiyee/uni-example",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": true,
   "scripts": {
     "dev": "uni",
diff --git a/examples/uni/src/pages-feedback/count-down/base.vue b/examples/uni/src/pages-feedback/count-down/base.vue
new file mode 100644
index 0000000..380776a
--- /dev/null
+++ b/examples/uni/src/pages-feedback/count-down/base.vue
@@ -0,0 +1,73 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const countDown = ref()
+const time = ref(30 * 60 * 1000) // 30 minutes
+
+function reset() {
+  countDown.value?.reset()
+}
+
+function start() {
+  countDown.value?.start()
+}
+
+function pause() {
+  countDown.value?.pause()
+}
+
+function onFinish() {
+  uni.showToast({
+    title: '倒计时结束',
+    icon: 'none',
+  })
+}
+</script>
+
+<template>
+  <div class="flex flex-col items-center gap-4 p-4">
+    <div class="text-lg font-bold mb-2">
+      基础用法
+    </div>
+    <SkCountDown :time="time" @finish="onFinish" />
+
+    <div class="text-lg font-bold mb-2 mt-4">
+      自定义格式
+    </div>
+    <SkCountDown :time="time" format="HH:mm:ss" />
+    <SkCountDown :time="time" format="DD天 HH时 mm分 ss秒" />
+
+    <div class="text-lg font-bold mb-2 mt-4">
+      手动控制
+    </div>
+    <SkCountDown
+      ref="countDown"
+      :time="5000"
+      :auto-start="false"
+      format="ss"
+      @finish="onFinish"
+    />
+    <div class="flex gap-2">
+      <SkButton size="mini" @click="start">
+        开始
+      </SkButton>
+      <SkButton size="mini" @click="pause">
+        暂停
+      </SkButton>
+      <SkButton size="mini" @click="reset">
+        重置
+      </SkButton>
+    </div>
+
+    <div class="text-lg font-bold mb-2 mt-4">
+      自定义样式
+    </div>
+    <SkCountDown :time="time">
+      <template #default="{ hours, minutes, seconds }">
+        <span class="block px-2 py-1 bg-blue-500 text-white rounded">
+          {{ hours }}:{{ minutes }}:{{ seconds }}
+        </span>
+      </template>
+    </SkCountDown>
+  </div>
+</template>
diff --git a/examples/uni/src/pages-feedback/count-down/control.vue b/examples/uni/src/pages-feedback/count-down/control.vue
new file mode 100644
index 0000000..a934192
--- /dev/null
+++ b/examples/uni/src/pages-feedback/count-down/control.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const countDown = ref();
+const time = ref(5000);
+
+function start() {
+  countDown.value?.start();
+}
+
+function pause() {
+  countDown.value?.pause();
+}
+
+function reset() {
+  countDown.value?.reset();
+}
+
+function onFinish() {
+  uni.showToast({
+    title: '倒计时结束',
+    icon: 'none'
+  });
+}
+</script>
+
+<template>
+  <div class="flex flex-col gap-4 p-4">
+    <div class="text-lg font-bold">手动控制</div>
+    <SkCountDown 
+      ref="countDown"
+      :time="time"
+      :auto-start="false"
+      format="ss:SSS"
+      @finish="onFinish"
+    />
+    
+    <div class="flex gap-2 mt-4">
+      <SkButton size="mini" @click="start">开始</SkButton>
+      <SkButton size="mini" @click="pause">暂停</SkButton>
+      <SkButton size="mini" @click="reset">重置</SkButton>
+    </div>
+  </div>
+</template>
diff --git a/examples/uni/src/pages-feedback/count-down/custom.vue b/examples/uni/src/pages-feedback/count-down/custom.vue
new file mode 100644
index 0000000..0a2c532
--- /dev/null
+++ b/examples/uni/src/pages-feedback/count-down/custom.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const time = ref(30 * 60 * 1000); // 30 minutes
+</script>
+
+<template>
+  <div class="flex flex-col gap-4 p-4">
+    <div class="text-lg font-bold">自定义样式</div>
+    <SkCountDown :time="time">
+      <template #default="{ hours, minutes, seconds }">
+        <span class="block px-2 py-1 bg-blue-500 text-white rounded">
+          {{ hours }}:{{ minutes }}:{{ seconds }}
+        </span>
+      </template>
+    </SkCountDown>
+
+    <div class="text-lg font-bold mt-4">自定义块级样式</div>
+    <SkCountDown :time="time">
+      <template #default="{ hours, minutes, seconds }">
+        <div class="flex items-center gap-1">
+          <span class="bg-red-500 text-white px-1 rounded">{{ hours }}</span>
+          <span>:</span>
+          <span class="bg-red-500 text-white px-1 rounded">{{ minutes }}</span>
+          <span>:</span>
+          <span class="bg-red-500 text-white px-1 rounded">{{ seconds }}</span>
+        </div>
+      </template>
+    </SkCountDown>
+  </div>
+</template>
diff --git a/examples/uni/src/pages-feedback/count-down/format.vue b/examples/uni/src/pages-feedback/count-down/format.vue
new file mode 100644
index 0000000..c94cbc3
--- /dev/null
+++ b/examples/uni/src/pages-feedback/count-down/format.vue
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const time = ref(30 * 60 * 1000) // 30 minutes
+</script>
+
+<template>
+  <div class="flex flex-col gap-4 p-4">
+    <div class="text-lg font-bold">
+      默认格式 (HH:mm:ss)
+    </div>
+    <SkCountDown :time="time" />
+
+    <div class="text-lg font-bold mt-4">
+      自定义格式 (mm:ss)
+    </div>
+    <SkCountDown :time="time" format="mm:ss" />
+
+    <div class="text-lg font-bold mt-4">
+      自定义格式 (DD天 HH时 mm分 ss秒)
+    </div>
+    <SkCountDown :time="2 * 24 * 60 * 60 * 1000 + time" format="DD天 HH时 mm分 ss秒" />
+
+    <div class="text-lg font-bold mt-4">
+      带毫秒 (ss.S)
+    </div>
+    <SkCountDown :time="time" format="ss.S" />
+
+    <div class="text-lg font-bold mt-4">
+      带毫秒 (ss.SS)
+    </div>
+    <SkCountDown :time="time" format="ss.SS" />
+
+    <div class="text-lg font-bold mt-4">
+      带毫秒 (ss.SSS)
+    </div>
+    <SkCountDown :time="time" format="ss.SSS" />
+  </div>
+</template>
diff --git a/examples/uni/src/pages.json b/examples/uni/src/pages.json
index bb82f30..f1857d2 100644
--- a/examples/uni/src/pages.json
+++ b/examples/uni/src/pages.json
@@ -637,6 +637,22 @@
     {
       "root": "pages-feedback",
       "pages": [
+        {
+          "path": "count-down/base",
+          "type": "page"
+        },
+        {
+          "path": "count-down/control",
+          "type": "page"
+        },
+        {
+          "path": "count-down/custom",
+          "type": "page"
+        },
+        {
+          "path": "count-down/format",
+          "type": "page"
+        },
         {
           "path": "dialog/base",
           "type": "page"
@@ -733,4 +749,4 @@
       ]
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/examples/uni/types/components.d.ts b/examples/uni/types/components.d.ts
index 9a8dd13..af28933 100644
--- a/examples/uni/types/components.d.ts
+++ b/examples/uni/types/components.d.ts
@@ -11,6 +11,8 @@ declare module 'vue' {
     SkButton: typeof import('@skiyee/uni-ui/components/sk-button.vue')['default']
     SkCheckbox: typeof import('@skiyee/uni-ui/components/sk-checkbox.vue')['default']
     SkCheckboxGroup: typeof import('@skiyee/uni-ui/components/sk-checkbox-group.vue')['default']
+    SkCountDown: typeof import('@skiyee/uni-ui/components/sk-count-down.vue')['default']
+    SKCountDown: typeof import('@skiyee/uni-ui/components/sk-count-down.vue')['default']
     SkDialog: typeof import('@skiyee/uni-ui/components/sk-dialog.vue')['default']
     SkField: typeof import('@skiyee/uni-ui/components/sk-field.vue')['default']
     SkForm: typeof import('@skiyee/uni-ui/components/sk-form.vue')['default']
diff --git a/examples/uni/types/pages.d.ts b/examples/uni/types/pages.d.ts
index 8cb447c..444654c 100644
--- a/examples/uni/types/pages.d.ts
+++ b/examples/uni/types/pages.d.ts
@@ -157,6 +157,10 @@ interface NavigateToOptions {
        "/pages-form/textarea/show-count" |
        "/pages-form/textarea/size" |
        "/pages-form/textarea/usage" |
+       "/pages-feedback/count-down/base" |
+       "/pages-feedback/count-down/control" |
+       "/pages-feedback/count-down/custom" |
+       "/pages-feedback/count-down/format" |
        "/pages-feedback/dialog/base" |
        "/pages-feedback/dialog/dismissable" |
        "/pages-feedback/dialog/long-content" |
diff --git a/package.json b/package.json
index aa20395..ebc2226 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@skiyee/workspace",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": true,
   "packageManager": "pnpm@10.4.1",
   "author": {
diff --git a/packages/skiyee-uni-ui/package.json b/packages/skiyee-uni-ui/package.json
index e2e9cfc..e591add 100644
--- a/packages/skiyee-uni-ui/package.json
+++ b/packages/skiyee-uni-ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@skiyee/uni-ui",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "一个由原子化CSS驱动、符合直觉设计、高度定制化、面向AI时代的移动端 UI 库，助力开发者打造独特且差异化的移动端应用程序",
   "author": {
     "name": "skiyee",
diff --git a/packages/skiyee-uni-ui/src/components/sk-count-down.vue b/packages/skiyee-uni-ui/src/components/sk-count-down.vue
new file mode 100644
index 0000000..a482f1e
--- /dev/null
+++ b/packages/skiyee-uni-ui/src/components/sk-count-down.vue
@@ -0,0 +1,242 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+
+defineOptions({
+  name: 'CountDown',
+})
+
+const props = withDefaults(defineProps<Props>(), {
+  format: 'HH:mm:ss',
+  autoStart: true,
+  interval: 1000,
+})
+
+const emit = defineEmits<{
+  (e: 'change', timeData: TimeData): void;
+  (e: 'finish'): void;
+}>()
+
+export interface TimeData {
+  days: number;
+  hours: number;
+  minutes: number;
+  seconds: number;
+  milliseconds: number;
+}
+
+interface Props {
+  /**
+   * 倒计时时长，单位毫秒
+   * 优先级高于 target
+   */
+  time?: number;
+  /**
+   * 目标时间，可以是 Date 对象或时间戳
+   */
+  target?: Date | number;
+  /**
+   * 时间格式，支持 'DD:HH:mm:ss' 等字符串或自定义函数
+   * @default 'HH:mm:ss'
+   */
+  format?: string | ((time: TimeData) => string);
+  /**
+   * 是否自动开始倒计时
+   * @default true
+   */
+  autoStart?: boolean;
+  /**
+   * 倒计时间隔，单位毫秒
+   * @default 1000
+   */
+  interval?: number;
+}
+
+const remain = ref(0)
+let timer: ReturnType<typeof setTimeout> | null = null
+let counting = false
+let endTime = 0
+
+const timeData = computed<TimeData>(() => {
+  // 如果格式化字符串不包含毫秒，则向上取整，避免 3995ms 显示为 3s 的情况
+  const useCeil = typeof props.format === 'string' && !props.format.includes('S')
+  const time = useCeil ? Math.ceil(remain.value / 1000) * 1000 : remain.value
+  return parseTimeData(time)
+})
+
+const result = computed(() => {
+  return formatTime(props.format, timeData.value)
+})
+
+// 补零
+function fixedZero(val: number): string {
+  return val < 10 ? `0${val}` : `${val}`
+}
+
+// 解析时间数据
+function parseTimeData(time: number): TimeData {
+  const days = Math.floor(time / (24 * 60 * 60 * 1000))
+  const hours = Math.floor((time % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000))
+  const minutes = Math.floor((time % (60 * 60 * 1000)) / (60 * 1000))
+  const seconds = Math.floor((time % (60 * 1000)) / 1000)
+  const milliseconds = Math.floor(time % 1000)
+
+  return {
+    days,
+    hours,
+    minutes,
+    seconds,
+    milliseconds,
+  }
+}
+
+// 格式化时间
+function formatTime(format: string | ((time: TimeData) => string), time: TimeData): string {
+  if (typeof format === 'function') {
+    return format(time)
+  }
+
+  let text = format
+
+  if (text.includes('DD')) {
+    text = text.replace('DD', fixedZero(time.days))
+  }
+  else {
+    // 如果没有 DD，将天数转换为小时
+    time.hours += time.days * 24
+  }
+
+  if (text.includes('HH')) {
+    text = text.replace('HH', fixedZero(time.hours))
+  }
+  if (text.includes('mm')) {
+    text = text.replace('mm', fixedZero(time.minutes))
+  }
+  if (text.includes('ss')) {
+    text = text.replace('ss', fixedZero(time.seconds))
+  }
+  if (text.includes('SSS')) {
+    text = text.replace('SSS', fixedZero(time.milliseconds).padStart(3, '0'))
+  }
+  if (text.includes('SS')) {
+    text = text.replace('SS', fixedZero(Math.floor(time.milliseconds / 10)))
+  }
+  if (text.includes('S')) {
+    text = text.replace('S', `${Math.floor(time.milliseconds / 100)}`)
+  }
+
+  return text
+}
+
+function init() {
+  if (props.time) {
+    remain.value = props.time
+  }
+  else if (props.target) {
+    const targetTime = props.target instanceof Date ? props.target.getTime() : new Date(props.target).getTime()
+    remain.value = Math.max(targetTime - Date.now(), 0)
+  }
+  else {
+    remain.value = 0
+  }
+
+  endTime = Date.now() + remain.value
+
+  if (props.autoStart && remain.value > 0) {
+    start()
+  }
+}
+
+function tick() {
+  if (props.time) {
+    // 倒计时模式（基于 duration）
+    // 注意：这种方式在暂停/恢复时可能需要调整，这里简化处理，每次 tick 减去 interval
+    // 更精确的做法是记录 startTime 和 pauseTime
+    // 但为了兼容 target 模式，我们统一使用 endTime 逻辑会更准，但 time 模式下 pause/start 需要重置 endTime
+
+    // 简单实现：直接减去 interval，可能受执行时间影响导致不准
+    // 优化实现：使用 endTime
+    const now = Date.now()
+    if (now >= endTime) {
+      remain.value = 0
+      pause()
+      emit('finish')
+    }
+    else {
+      remain.value = endTime - now
+      timer = setTimeout(() => {
+        tick()
+      }, props.interval)
+    }
+  }
+  else {
+    // 目标时间模式
+    const now = Date.now()
+    if (now >= endTime) {
+      remain.value = 0
+      pause()
+      emit('finish')
+    }
+    else {
+      remain.value = endTime - now
+      timer = setTimeout(() => {
+        tick()
+      }, props.interval)
+    }
+  }
+  emit('change', timeData.value)
+}
+
+function start() {
+  if (counting) {
+    return
+  }
+  counting = true
+  endTime = Date.now() + remain.value
+  tick()
+}
+
+function pause() {
+  counting = false
+  if (timer) {
+    clearTimeout(timer)
+    timer = null
+  }
+}
+
+function reset() {
+  pause()
+  init()
+}
+
+watch(() => [props.time, props.target], () => {
+  reset()
+})
+
+onMounted(() => {
+  init()
+})
+
+onBeforeUnmount(() => {
+  pause()
+})
+
+defineExpose({
+  start,
+  pause,
+  reset,
+})
+</script>
+
+<template>
+  <slot
+    :time="timeData"
+    :remain="remain"
+    :days="timeData.days"
+    :hours="timeData.hours"
+    :minutes="timeData.minutes"
+    :seconds="timeData.seconds"
+    :milliseconds="timeData.milliseconds"
+  >
+    <span>{{ result }}</span>
+  </slot>
+</template>