From b688ba7698e347449093449d15a5c90f8a8b976b Mon Sep 17 00:00:00 2001
From: dongdigua <dongdigua@outlook.com>
Date: Fri, 20 Feb 2026 20:49:59 +0800
Subject: [PATCH] feat(download): add docker tab

---
 components/download/DownloadDetails.vue       |  6 +++++-
 components/download/DownloadDetailsDocker.vue | 18 ++++++++++++++++++
 i18n/locales/en-us/DownloadDetailsDocker.json |  5 +++++
 i18n/locales/zh-cn/DownloadDetailsDocker.json |  5 +++++
 4 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 components/download/DownloadDetailsDocker.vue
 create mode 100644 i18n/locales/en-us/DownloadDetailsDocker.json
 create mode 100644 i18n/locales/zh-cn/DownloadDetailsDocker.json

diff --git a/components/download/DownloadDetails.vue b/components/download/DownloadDetails.vue
index 7f0d7abc..e6b6f3e2 100644
--- a/components/download/DownloadDetails.vue
+++ b/components/download/DownloadDetails.vue
@@ -64,7 +64,11 @@ const dialogTab = ref(props.initialTab);
       disabled>
       <!-- TODO -->
     </el-tab-pane>
-    <el-tab-pane :label="t('DownloadDetails.downloadDockerContainers')" name="docker" disabled />
+    <el-tab-pane
+      :label="t('DownloadDetails.downloadDockerContainers')"
+      name="docker">
+      <DownloadDetailsDocker />
+    </el-tab-pane>
     <el-tab-pane :label="t('DownloadDetails.downloadVmImages')" name="vm" disabled />
   </el-tabs>
 </template>
diff --git a/components/download/DownloadDetailsDocker.vue b/components/download/DownloadDetailsDocker.vue
new file mode 100644
index 00000000..94832cb6
--- /dev/null
+++ b/components/download/DownloadDetailsDocker.vue
@@ -0,0 +1,18 @@
+<script setup>
+const { t } = useI18n();
+</script>
+
+<template>
+  <div class="flex flex-col gap-2">
+    <p>
+      {{ t('DownloadDetailsDocker.text1') }}
+      <AppLink to="https://hub.docker.com/r/aosc/aosc-os" target="_blank">Docker Hub</AppLink>
+      {{ t('DownloadDetailsDocker.text2') }}
+    </p>
+
+    <p>{{ t('DownloadDetailsDocker.text3') }}</p>
+    <CopyButton :content="`docker pull aosc/aosc-os`"/>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/i18n/locales/en-us/DownloadDetailsDocker.json b/i18n/locales/en-us/DownloadDetailsDocker.json
new file mode 100644
index 00000000..15b8a6ed
--- /dev/null
+++ b/i18n/locales/en-us/DownloadDetailsDocker.json
@@ -0,0 +1,5 @@
+{
+  "text1": "AOSC OS container images are published on",
+  "text2": "",
+  "text3": "Pull the image with:"
+}
diff --git a/i18n/locales/zh-cn/DownloadDetailsDocker.json b/i18n/locales/zh-cn/DownloadDetailsDocker.json
new file mode 100644
index 00000000..2420d852
--- /dev/null
+++ b/i18n/locales/zh-cn/DownloadDetailsDocker.json
@@ -0,0 +1,5 @@
+{
+  "text1": "安同 OS 的容器镜像于",
+  "text2": "发布",
+  "text3": "使用如下命令即可拉取："
+}