From 03da9d407f7ef27977d8a49e1801e1d17f218b02 Mon Sep 17 00:00:00 2001
From: chorblack <cjl1562818788@163.com>
Date: Tue, 22 Apr 2025 22:04:01 +0800
Subject: [PATCH] first commit

---
 .DS_Store                    | Bin 0 -> 6148 bytes
 app.ux                       |   9 +
 assets/.DS_Store             | Bin 0 -> 6148 bytes
 assets/images/.DS_Store      | Bin 0 -> 6148 bytes
 assets/images/logo.png       | Bin 0 -> 4155 bytes
 assets/styles/mixins.scss    |   5 +
 assets/styles/style.scss     |   2 +
 assets/styles/variables.scss |   9 +
 manifest.json                |  46 +++++
 pages/.DS_Store              | Bin 0 -> 6148 bytes
 pages/index/index.ux         | 275 +++++++++++++++++++++++++++
 pages/list/index.ux          | 165 +++++++++++++++++
 pages/mistakes/index.ux      | 111 +++++++++++
 pages/search/index.ux        | 350 +++++++++++++++++++++++++++++++++++
 14 files changed, 972 insertions(+)
 create mode 100644 .DS_Store
 create mode 100644 app.ux
 create mode 100644 assets/.DS_Store
 create mode 100644 assets/images/.DS_Store
 create mode 100644 assets/images/logo.png
 create mode 100644 assets/styles/mixins.scss
 create mode 100644 assets/styles/style.scss
 create mode 100644 assets/styles/variables.scss
 create mode 100644 manifest.json
 create mode 100644 pages/.DS_Store
 create mode 100644 pages/index/index.ux
 create mode 100644 pages/list/index.ux
 create mode 100644 pages/mistakes/index.ux
 create mode 100644 pages/search/index.ux

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5b788c11d27097ee2a9505e5fbe6a62cc1938aaa
GIT binary patch
literal 6148
zcmeHK%}T>S5Z<+|O({YS3Oz1(E!f&(6)z#y7cim+m70)JgE3p0)Er77XMG``#OHBl
zcLOaJk0N#kcE8#A+0A^A{b7u8cOG^bvl(L+G(?Wd20`;i*NzEB<Z6yI$kS;M%V5Ja
zf768DUSm_{vk4os)$jiZrg4;Joz5rUsZ?vbb*pYQtq1Q(=3eG!^VIcccR0G1G7d`J
z4{oAyKC<^OWRm$&GM=e~C>%q`{cV(lGI!-X2~(BpX@}LY8Y8>4Saf@*ZP6PHmTj>(
zJMOea|D?ZMHmrlgqw}lLbNrIXH%%l5#+B?DEa4rLm5N@ySrW@+0@gC4j3gumhyh}N
z7}!n*%z0onx3hezniwDkeqaFi2LTPyF<59+TL*M_eMWy35e0O7OCSn^j=@4BctE&L
z1=OkBJTbUV2fHwFj=@5sPG?-L4D*<k%f|~>tAkyraK;^t)Dr{5z&ZmJJ+$%szl2|A
z<0F4Pg+{~xG4RhA;MJiwbfGA7wtg!Q&sqWP5gH1{6{vuKzIF+K0q!F$<<x$GI>b2!
W3ynAn+EqFrT?7;%)DZ)}z`z%co=V{W

literal 0
HcmV?d00001

diff --git a/app.ux b/app.ux
new file mode 100644
index 0000000..fc84f97
--- /dev/null
+++ b/app.ux
@@ -0,0 +1,9 @@
+<script>
+/**
+ * 应用级别的配置，供所有页面公用
+ */
+
+export default {
+  onCreate() {}
+}
+</script>
diff --git a/assets/.DS_Store b/assets/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..bd8361eabe5c520f3c5d5f4d9d24b26c69c59928
GIT binary patch
literal 6148
zcmeHK%}T>S5Z-O8O({YS3OxqA7L27x#Y>3w1&ruHr6wfQV45vWY7V84v%Zi|;`2DO
zyEy~{-bCyS?0&QJvzz%K`@<OH?m9eW%w&ui&=5H)4T9!IS4#&YayduDvY^P8K_Y^N
ziT<JqzkQ#@Y{7gsXZ7#@2$o5l<+lCFTkX!?e%I(4edE!47KNAl`8sp`)jf`Ggh+x)
z_k-IwDrV;4rATu>PNS7fh{Fg%9`52a6oo6+X_(1ePdSX9(VLlr&1N*346X6R-VUwJ
z`N#(SY`op}jHBa|i|g4-vPi|7B9a5=QVuj$@D56?rdMy3CL*1Ky~?R#35fw>fEXYK
zc8>vl78w2AE1fDP28e+l7{L9(f`;g5EEUSF13J7uqrZcQ0y@4W5G{?4#!?}8K)6Z;
zRH<A)F}O+xyQSkCjio}B&bV9|=Fuxxj~6ai2fHQ18Fv&?PYe(Pbq3mMXyW;Q1;0$=
zBfp+PBVvFU_-738&eWT_P?SDfzm<n)tp)7~8VbghsDOZ8y9B@h_mP2gD!+v~#5o#E
Vg*Xe^WjY{T1SBEU5d*)#z!wZNOb-A6

literal 0
HcmV?d00001

diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
GIT binary patch
literal 6148
zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3
zem<@ulZcFPQ@L2!n>{z**<q8>++&mCkOWA81W14cNZ<zv;LbK1Poaz?KmsK2CSc!(
z0ynLxE!0092;Krf2c+FF_Fe*7ECH>lEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ
zLs35+`xjp>T0<F0fCPF1$Cyrb|F7^5{eNG?83~ZUUlGt@xh*qZDeu<Z%US-OSsOPv
j)R!Z4KLME7ReXlK;d!wEw5GODWMKRea10D2@KpjYNUI8I

literal 0
HcmV?d00001

diff --git a/assets/images/logo.png b/assets/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a361dcc8c0730da2f7b761e0ea1d3541ef34b12
GIT binary patch
literal 4155
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
FV1m8>`nUi9

literal 0
HcmV?d00001

diff --git a/assets/styles/mixins.scss b/assets/styles/mixins.scss
new file mode 100644
index 0000000..56fbb5e
--- /dev/null
+++ b/assets/styles/mixins.scss
@@ -0,0 +1,5 @@
+@mixin flex-box-mixins($direction: row, $justify: center, $align-items: center) {
+  flex-direction: $direction;
+  justify-content: $justify;
+  align-items: $align-items;
+}
diff --git a/assets/styles/style.scss b/assets/styles/style.scss
new file mode 100644
index 0000000..088ebfa
--- /dev/null
+++ b/assets/styles/style.scss
@@ -0,0 +1,2 @@
+@import './variables.scss';
+@import './mixins.scss';
diff --git a/assets/styles/variables.scss b/assets/styles/variables.scss
new file mode 100644
index 0000000..04a6053
--- /dev/null
+++ b/assets/styles/variables.scss
@@ -0,0 +1,9 @@
+$brand: #09ba07;
+
+$white: #ffffff;
+$black: #000000;
+$grey: #9393aa;
+$red: #fa0101;
+$green: #ffff00;
+
+$size-factor: 5px;
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..c5a8476
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,46 @@
+{
+  "package": "top.chorblack.dictionary",
+  "name": "dictionary",
+  "versionName": "1.0.0",
+  "versionCode": 1,
+  "appCategory": [
+    "other"
+  ],
+  "icon": "/assets/images/logo.png",
+  "features": [
+    {
+      "name": "blueos.app.appmanager.router"
+    },
+    { "name": "blueos.storage.file" },
+    { "name": "blueos.storage.storage" },
+    { "name": "blueos.window.prompt" },
+    { "name": "blueos.network.fetch" }
+  ],
+  "deviceTypeList": [
+    "watch",
+    "watch-square"
+  ],
+  "config": {
+    "designWidth": 466
+  },
+  "router": {
+    "entry": "pages/index",
+    "pages": {
+      "pages/index": {
+        "component": "index"
+      },
+      "pages/search": {
+        "component": "index"
+      },
+      "pages/mistakes": {
+        "component": "index"
+      },
+      "pages/list": {
+        "component": "index"
+      }
+    }
+  },
+  "display": {
+    "backgroundColor": "#ffffff"
+  }
+}
diff --git a/pages/.DS_Store b/pages/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..0348ccc56de105b30794b0d96f5f5f64e4ccd83f
GIT binary patch
literal 6148
zcmeHK!AiqG5S^`6Q;X1pg2x4~1zTIx;w9Aj14i_qQWFw17_+5K&7l->)*tdq{2pg^
zx1zS51QnTq*|$48lQ1t~X9oa8cN{hWY5?G%5|%1BED+i!os*Kalo16zBgjXCAW;FX
zpXa>U@D~}NZ&!vML~sx4{r3w7Nj%CLjTcc`Dlf0BI;&3Ax$<sR?qz;99(DcU1+7k%
zN`l$k56<E!@7FetRGRs58Vz+o97gDJc^;>s%DZZuh9e#8nGL7nRQk28$)wpjsLR&=
z{<JP9o!v%Vw)fi8X~o&x-Z?z!-zE2{dNd>o{NJ>!Tb#iYPTul)@P=uk(i^mq|Jp21
zjT!h5L-Ol6ciNb9`@1<W%<WVDGmaRU0cL<1uxF@KWh$5fW`G&^!~mTS5|z-kSQykt
z2M)RgK%{G=7MxQrK{3*zYq2nhJ1D}0BAQTPTMS{s(Jrl@Yq2nB!a>;PL)bS9+o1^k
zc6`3n?jT%)JTe2!z()p_%(6!H|M=_v|6>rZm;q+sUojxcJ+Ifrlx%ICOO9%-M7>5O
pA-}@lTL?~cDMnu^#apOa&@O3$=vpicq6LL70-6RMn1LT<;1yRwifsS@

literal 0
HcmV?d00001

diff --git a/pages/index/index.ux b/pages/index/index.ux
new file mode 100644
index 0000000..cb78b65
--- /dev/null
+++ b/pages/index/index.ux
@@ -0,0 +1,275 @@
+<template>
+  <div class="wrapper">
+    <text class="title">{{ currentWord.word }}</text>
+    <input
+      class="btn"
+      if="{{!showTranslation}}"
+      type="button"
+      value="我会了"
+      onclick="handleKnow()"
+    />
+    <input
+      class="btn"
+      type="button"
+      value="不会"
+      onclick="handleNotKnow()"
+      if="{{!showTranslation}}"
+    />
+    <text if="{{showTranslation}}" class="translation">{{
+      currentWord.translation
+    }}</text>
+    <input
+      class="btn"
+      if="{{showTranslation}}"
+      type="button"
+      onclick="getNextWord()"
+      value="下一个"
+    />
+
+    <!-- 新增底部按钮 -->
+    <div class="bottom-buttons">
+      <input
+        class="btn error-btn"
+        type="button"
+        value="错题本"
+        onclick="handleErrorBook()"
+      />
+      <input class="btn circle-btn" type="button" value="去下载" onclick="handleDownload()" if="{{showDownloadBtn}}"/>
+      <input
+        class="btn search-btn"
+        type="button"
+        value="搜索"
+        onclick="handleSearch()"
+        
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import router from '@blueos.app.appmanager.router'
+import storage from '@blueos.storage.storage';
+import prompt from '@blueos.window.prompt';
+import file from '@blueos.storage.file'
+export default {
+  data: {
+    currentWord: {},
+    learnedList: [],
+    noLearnList: [],
+    showDownloadBtn:true,
+    showTranslation: false,
+    chapter: 0,
+    globalIndex: 0,  // 全局索引
+    totalCount: 0,
+    jsonDataList: [
+      'output_part_1.json',
+      'output_part_2.json',
+      'output_part_3.json',
+      'output_part_4.json',
+      'output_part_5.json',
+      'output_part_6.json',
+      'output_part_7.json',
+      'output_part_8.json',
+      'output_part_9.json',
+      'output_part_10.json'
+    ],
+    idMap: {},
+    wordList: []
+  },
+  onInit() {
+    storage.get({
+      key: 'isFinish',
+      success: (data) => data == '1' ? this.showDownloadBtn = false : 0
+    });
+    storage.get({
+      key: 'chapter',
+      success: (data) => this.chapter = data ? parseInt(data) : 0
+    });
+    storage.get({
+      key: 'globalIndex',
+      success: (data) => this.globalIndex = data ? parseInt(data) : 0
+    });
+    storage.get({
+      key: 'noLearnList',
+      success: (data) => {
+        if (data) {
+          this.noLearnList = JSON.parse(data);
+          // 构建初始id哈希表
+          this.noLearnList.forEach(item => {
+            this.idMap[item.id] = true;
+          });
+        }
+      }
+    });
+    this.loadCurrentChapter();
+  },
+  handleDownload() {
+    router.push({
+      uri: 'pages/list' // 请确认实际页面路径
+    });
+  },
+  async loadData(chapter) {
+    const num = this.jsonDataList[chapter];
+
+    // 将回调转换为Promise
+    return new Promise((resolve, reject) => {
+      file.readText({
+        uri: `internal://files/${num}`,
+        success: (data) => {
+          try {
+            const parsedData = JSON.parse(data.text);
+            resolve(parsedData); // 正确传递解析后的数据
+          } catch (e) {
+            reject("JSON解析失败");
+          }
+        },
+        fail: (_, code) => {
+          reject(`文件读取失败，错误码：${code}`);
+        }
+      });
+    });
+  },
+  async loadCurrentChapter() {
+    try {
+      this.wordList = await this.loadData(this.chapter);
+      this.totalCount = this.wordList.length;
+
+      // 处理越界情况
+      if (this.globalIndex >= this.totalCount) {
+        this.handleChapterEnd();
+        return;
+      }
+
+      this.currentWord = this.wordList[this.globalIndex];
+    } catch (e) {
+      prompt.showToast({ message: '请先下载数据' });
+    }
+  },
+  getNextWord() {
+    this.globalIndex++;
+
+    // 章节切换检查
+    if (this.globalIndex >= this.totalCount) {
+      this.handleChapterEnd();
+    } else {
+      this.currentWord = this.wordList[this.globalIndex];
+    }
+
+    this.showTranslation = false;
+    this.saveProgress();
+  },
+  handleChapterEnd() {
+    this.chapter++;
+    this.globalIndex = 0;
+
+    // 所有章节完成处理
+    if (this.chapter >= this.jsonDataList.length) {
+      prompt.showToast({ message: '所有章节已完成！' });
+      this.chapter = 0;  // 循环到第一章
+    }
+
+    this.loadCurrentChapter();
+  },
+
+  saveProgress() {
+    storage.set({ key: 'chapter', value: this.chapter.toString() });
+    storage.set({ key: 'globalIndex', value: this.globalIndex.toString() });
+  },
+
+  handleKnow() {
+    this.currentWord.mastered = true;
+    this.getNextWord();
+  },
+
+
+  handleNotKnow() {
+    this.showTranslation = true;
+
+    if (!this.idMap[this.currentWord.id]) {
+      this.idMap[this.currentWord.id] = true;
+      this.noLearnList.push({ ...this.currentWord });
+      storage.set({ key: 'noLearnList', value: JSON.stringify(this.noLearnList) });
+    }
+  },
+
+
+  handleErrorBook() {
+    router.push({
+      uri: 'pages/mistakes'
+    });
+  },
+
+  handleSearch() {
+    router.push({
+      uri: 'pages/search'
+    });
+  }
+};
+</script>
+
+<style lang="scss">
+@import './../../assets/styles/style.scss';
+
+.wrapper {
+  @include flex-box-mixins(column, center, center);
+  position: relative;
+  height: 100%;
+  padding-bottom: 120px;
+
+  .title {
+    font-size: 7 * $size-factor;
+    text-align: center;
+    color: $black;
+    margin-bottom: 40px;
+  }
+
+  .btn {
+    width: 55 * $size-factor;
+    height: 12 * $size-factor;
+    border-radius: 7 * $size-factor;
+    background-color: $brand;
+    color: $white;
+    font-size: 5 * $size-factor;
+    margin-top: 7 * $size-factor;
+  }
+
+  .translation {
+    text-align: center;
+    margin: 10px 0;
+    font-size: 5 * $size-factor;
+    color: #666;
+  }
+
+  .bottom-buttons {
+    position: fixed;
+    bottom: 30px;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: space-between;
+    padding: 0 20px;
+
+    .btn {
+      width: 35%;
+      height: 14 * $size-factor;
+      border-radius: 10 * $size-factor;
+      font-size: 5 * $size-factor;
+
+      .error-btn {
+        background-color: #ff4d4f;
+        margin-left: 10px;
+      }
+
+      .search-btn {
+        background-color: #1890ff;
+        margin-right: 10px;
+      }
+
+      .circle-btn {
+        width: 25%;
+        border-radius: 50%;
+      }
+    }
+  }
+}
+</style>
diff --git a/pages/list/index.ux b/pages/list/index.ux
new file mode 100644
index 0000000..59a89be
--- /dev/null
+++ b/pages/list/index.ux
@@ -0,0 +1,165 @@
+<template>
+  <div class="wrapper">
+    <list class="list" bounces="false">
+      <list-item type="ceiling">
+        <input
+          type="button"
+          class="button"
+          value="下载数据{{fileList.length}}"
+          onclick="downloadFile(jsonDataList)"
+        />
+      </list-item>
+      <list-item type="item" for="{{ fileList }}">
+        <text class="text">{{ $item.uri.split('/').pop() }}</text>
+      </list-item>
+    </list>
+  </div>
+</template>
+
+<script>
+import fetch from '@blueos.network.fetch'
+import prompt from '@blueos.window.prompt'
+import file from '@blueos.storage.file'
+import storage from '@blueos.storage.storage'
+export default {
+  data: {
+    fileList: null,
+    jsonDataList: ['output_part_1.json', 'output_part_10.json', 'output_part_2.json', 'output_part_3.json', 'output_part_4.json', 'output_part_5.json', 'output_part_6.json', 'output_part_7.json', 'output_part_8.json', 'output_part_9.json', 'a.json', 'b.json', 'c.json', 'd.json', 'e.json', 'f.json', 'g.json', 'h.json', 'i.json', 'j.json', 'k.json', 'l.json', 'm.json', 'n.json', 'o.json', 'p.json', 'q.json', 'r.json', 's.json', 't.json', 'u.json', 'v.json', 'w.json', 'x.json', 'y.json', 'z.json'],
+  },
+  onInit() {
+    file.list({
+      uri: 'internal://files/',
+      success: (data) => {
+        this.fileList = data.fileList;
+      }
+    })
+  },
+  async fetchPromise(options) {
+    return new Promise((resolve, reject) => {
+      fetch.fetch({
+        ...options,
+        success: resolve,
+        fail: reject,
+      });
+    });
+  },
+  async writeTextPromise(options) {
+    return new Promise((resolve, reject) => {
+      file.writeText({
+        ...options,
+        success: resolve,
+        fail: (data, code) => reject({ data, code }),
+      });
+    });
+  },
+  async writeArrayBufferPromise(options) {
+    return new Promise((resolve, reject) => {
+      file.writeArrayBuffer({
+        ...options,
+        success: resolve,
+        fail: (data, code) => reject({ data, code }),
+      });
+    });
+  },
+  async getFile(fileName) {
+    return new Promise((resolve, reject) => {
+      file.get({
+        uri: `internal://files/${fileName}`,
+        success: () => {
+          resolve(true);
+        },
+        fail: (_, code) => {
+          reject(`handling fail, code = ${code}`);
+        },
+      });
+    });
+  },
+  async downloadFile(data) {
+    prompt.showToast({ message: "开始下载" });
+    let totalNum = data.length;
+    let hasDownload = 0;
+    for (let i = 0; i < totalNum; i++) {
+      const fileName = data[i];
+      let isInFile = false;
+      try {
+        isInFile = await this.getFile(fileName);
+      } catch (error) {
+        console.log(error);
+      }
+      if (isInFile) hasDownload++;
+      if (!isInFile) {
+        try {
+          let fileUri = `internal://files/${fileName}`;
+          let baseUrl = 'http://download.chorblack.top'
+          const chunkResponse = await this.fetchPromise({
+            url: `${baseUrl}/pd/local/dictionary/${fileName}`,
+            responseType: "arraybuffer",
+          });
+          const textData = chunkResponse.data;
+          /*
+          await this.writeTextPromise({
+            uri: fileUri,
+            text: textData,
+          });
+          */
+          
+          await this.writeArrayBufferPromise({
+            uri: fileUri,
+            buffer: new Uint8Array(textData),
+          });
+          
+          prompt.showToast({
+            message: `还剩${data.length - i - 1}`
+          })
+          hasDownload++;
+        } catch (error) {
+          //prompt.showToast({message:`下载失败: ${error}`});
+          console.error(`下载失败: ${fileName}`, error);
+        }
+        file.list({
+          uri: 'internal://files/',
+          success: (data) => {
+            this.fileList = data.fileList;
+          }
+        })
+      }
+    }
+    if (hasDownload == totalNum) {
+      prompt.showToast({ message: "下载完成" });
+      storage.set({
+        key: 'isFinish',
+        value: '1',
+      })
+    }
+  },
+}
+</script>
+<style>
+.wrapper {
+  flex-direction: column;
+}
+.text {
+  height: 180px;
+  width: 466px;
+  text-align: center;
+  font-size: 40px;
+  background-color: #203a43;
+  color: #ffffff;
+  border-bottom: 1px solid #2c5364;
+}
+.title {
+  background-color: #0f2027;
+}
+.ceiling {
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+.button {
+  width: 466px;
+  height: 80px;
+  align-items: center;
+  color: #ffffff;
+  background-color: #1890ff;
+}
+</style>
diff --git a/pages/mistakes/index.ux b/pages/mistakes/index.ux
new file mode 100644
index 0000000..b96e1b7
--- /dev/null
+++ b/pages/mistakes/index.ux
@@ -0,0 +1,111 @@
+<template>
+  <div class="wrapper">
+    <vw-list-des-radio-left
+      list-array="{{listArray}}"
+      onwidgetclick="handleWidgetClick"
+      title="错题本"
+      onback="handleBack"
+      onscrollbottom="handleBottom"
+    ></vw-list-des-radio-left>
+  </div>
+</template>
+
+<script>
+import router from '@blueos.app.appmanager.router'
+import storage from '@blueos.storage.storage';
+import prompt from '@blueos.window.prompt';
+export default {
+  data: {
+    listArray: [] // 初始化为空数组
+  },
+
+  onInit() {
+    try {
+      // 同步获取存储数据
+      const storedData = storage.getSync({ key: 'noLearnList' });
+      if (typeof storedData!="string") return;
+      // 解析数据并转换格式
+      if (storedData) {
+        const noLearnList = JSON.parse(storedData);
+        
+        // 过滤无效数据并转换格式
+        this.listArray = noLearnList
+          .map(item => ({
+            id: item.id,
+            title: item.word,
+            des: item.translation,
+            checked: false,
+            // 保留原始数据用于后续操作
+            originData: item
+          }));
+      }
+    } catch (e) {
+      console.error('数据加载失败:', e);
+      // 可以添加用户提示
+      prompt.showToast({ message: '加载错题本失败' });
+    }
+  },
+
+  handleBack() {
+    router.replace({
+      uri: 'pages/index'
+    });
+  },
+
+    handleWidgetClick(data) {
+    const index = data.index;
+    if (index >= 0 && index < this.listArray.length) {
+      const targetId = this.listArray[index].id;
+      
+      // 获取最新数据避免脏数据
+      const storedData = storage.getSync({ key: 'noLearnList' });
+      if (!storedData||typeof storedData!="string") return;
+
+      const noLearnList = JSON.parse(storedData);
+      const newList = noLearnList.filter(item => item.id !== targetId);
+      // 双重保障：更新存储和当前数据
+      storage.set({ key: 'noLearnList', value: JSON.stringify(newList) });
+      this.listArray = newList.map(item => ({
+        id: item.id,
+        title: item.word,
+        des: item.translation,
+        originData: item
+      }));
+    }
+  },
+
+  // 处理滚动到底部（示例）
+  handleBottom() {
+    // 可以添加加载更多逻辑
+  },
+  loadData() {
+    try {
+      const storedData = storage.getSync({ key: 'noLearnList' });
+      if (storedData && typeof storedData == "string") {
+        const noLearnList = JSON.parse(storedData);
+        this.listArray = noLearnList.map(item => ({
+          id: item.id,
+          title: item.word,
+          des: item.translation,
+          originData: item
+        }));
+      }
+    } catch (e) {
+      console.error('加载失败:', e);
+    }
+  },
+
+}
+</script>
+
+<style lang="scss">
+.wrapper {
+  background-color: #000000; /* 更友好的背景色 */
+  height: 100%;
+
+  /* 适配列表组件样式 */
+  vw-list-des-radio-left {
+    height: 100%;
+  }
+}
+</style>
diff --git a/pages/search/index.ux b/pages/search/index.ux
new file mode 100644
index 0000000..be2f1e3
--- /dev/null
+++ b/pages/search/index.ux
@@ -0,0 +1,350 @@
+<template>
+  <div class="container">
+    <text class="words-preview" >{{ words }}</text>
+    <div class="container-row-candidate">
+      <swiper class="wrapper" edit="true" index="{{currentIndexKey}}" id="mySwiper">
+        <div class="swiper-item" for="{{ count }}">
+          <text onclick="displayMean($idx)" class="letter-text">{{ $item }}</text>
+        </div>
+      </swiper>
+    </div>
+    <!-- 滑动键盘区域 -->
+    <!-- 第一行 -->
+    <div class="keyboard-row-scroll" scroll-x="true" if="show">
+        <div class="keyboard-row" for="{{row1Letters}}">
+            <input 
+                type="button" 
+                class="input-button"
+                value="{{$item}}"
+                onclick="input($item)"
+                
+            />
+        </div>
+    </div>
+    <!-- 第二行 -->
+    <div class="keyboard-row-scroll" scroll-x="true" if="show">
+        <div class="keyboard-row" for="{{row2Letters}}">
+            <input 
+                type="button" 
+                class="input-button"
+                value="{{$item}}"
+                onclick="input($item)"
+            />
+        </div>
+    </div>
+    <!-- 第三行 -->
+    <div class="keyboard-row-scroll" scroll-x="true" if="show">
+        <div class="keyboard-row" for="{{row3Letters}}">
+            <input 
+                type="button" 
+                class="input-button"
+                value="{{$item}}"
+                onclick="input($item)"
+            />
+        </div>
+    </div>
+    <div class="function-row">
+      
+      <input type="button" value="空格" class="space-button" onclick="input(' ')"></input>
+      <input type="button" value="←" class="backspace-button" onclick="backspace"></input>
+      
+    </div>
+  </div>
+</template>
+
+<script>
+import file from '@blueos.storage.file'
+import prompt from '@blueos.window.prompt';
+export default {
+  data: {
+    fromPage: "",       //转跳输入法前的页面的Uri
+    fromPageData: null,  //转跳输入法前的页面的要保存的数据（转跳页面时传过来一个对象，输入完成后传回去）
+    letters: "",        //键盘页输入的拼音
+    words: "　　　　",    //键盘页中，提供编辑框后8个字符的预览
+    inputWords: "",     //编辑框中的文字，点确定即带上此数据转跳回原页面
+    sindex: 0,          //键盘滑动位置，实现从候选页返回时可以返回到原页面
+    mode: "en",         //输入模式标记，中文cn，英文en，符号数字标记
+    caps: -1,           //大小写标记
+    row1Letters: ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
+    row2Letters: ["a", "s", "d", "f", "g", "h", "j", "k", "l"],
+    row3Letters: ["z", "x", "c", "v", "b", "n", "m"],
+    jsonDataList: ['a.json', 'b.json', 'c.json', 'd.json', 'e.json', 'f.json', 'g.json', 'h.json', 'i.json', 'j.json', 'k.json', 'l.json', 'm.json', 'n.json', 'o.json', 'p.json', 'q.json', 'r.json', 's.json', 't.json', 'u.json', 'v.json', 'w.json', 'x.json', 'y.json', 'z.json'],
+    currentIndex: null,
+    index: -1,
+    count: [],
+    show: true,
+    wordJsonDataList: [
+      'output_part_1.json',
+      'output_part_2.json',
+      'output_part_3.json',
+      'output_part_4.json',
+      'output_part_5.json',
+      'output_part_6.json',
+      'output_part_7.json',
+      'output_part_8.json',
+      'output_part_9.json',
+      'output_part_10.json'
+    ],
+    results: {},
+    currentIndexKey:0,
+  },
+  onInit() {
+
+  },
+  async loadWordData(chapter) {
+    const num = this.wordJsonDataList[chapter];
+    return new Promise((resolve, reject) => {
+      file.readText({
+        uri: `internal://files/${num}`,
+        success: (data) => {
+          try {
+            const parsedData = JSON.parse(data.text);
+            resolve(parsedData); // 正确传递解析后的数据
+          } catch (e) {
+            reject("JSON解析失败");
+          }
+        },
+        fail: (_, code) => {
+          reject(`文件读取失败，错误码：${code}`);
+        }
+      });
+    });
+  },
+  async loadCurrentChapter(chapter,id) {
+    try {
+      
+      let wordList = await this.loadWordData(chapter);
+      const keys = Object.keys(wordList); 
+      const firstValue = wordList[keys[0]].id;
+      let num = id-firstValue;
+      let currentWord = wordList[num];
+      console.log(currentWord);
+      prompt.showToast({message:currentWord.translation});
+    } catch (e) {
+      prompt.showToast({ message: '请先下载数据' });
+    }
+  },
+  displayMean($idx){
+    const keys = Object.keys(this.results); 
+    console.log(keys.length);
+    if ($idx >= 0 && $idx < keys.length) {
+      const key = keys[$idx]; 
+      const value = this.results[key]; 
+      console.log(`第 ${$idx} 个键:`, key);
+      console.log(`第 ${$idx} 个值:`, value);
+      this.loadCurrentChapter(value.chapter,value.id);
+    } else {
+      console.log("索引超出范围！");
+    }
+  },
+  hideInput(){
+    this.show = !this.show;
+  },
+  async searchWord() {
+    //this.currentIndexKey = 0;
+    const swiper = this.$element('mySwiper');
+      if (swiper && swiper.swipeTo) {
+        swiper.swipeTo({
+          index: 0,
+          behavior: 'smooth'  // 添加过渡动画
+        });
+      }
+    if (!this.words || this.words.length === 0) {
+      console.log("Error: 'this.words' is empty or undefined.");
+      return;
+    }
+    let searchIndex = this.words[0];
+    if (searchIndex >= 'a' && searchIndex <= 'z') {
+      let fileNameIndex = searchIndex.charCodeAt(0) - 'a'.charCodeAt(0);
+      try {
+        if (this.index !== fileNameIndex) {
+          this.index = fileNameIndex;
+          this.currentIndex = await this.loadData(fileNameIndex);
+        }
+
+        // 保存符合条件的 key 和 value
+        this.results = {};
+        let count = 0;
+
+        for (let key in this.currentIndex) {
+          if (key.startsWith(this.words) && count < 5) {
+            this.results[key] = this.currentIndex[key]; // 保存 key 和 value
+            count++;
+          }
+        }
+
+        // 输出匹配的结果
+        if (Object.keys(this.results).length > 0) {
+          //console.log(`Matched keys and values starting with '${this.words}':`, this.results);
+          this.count = Object.keys(this.results).slice(0, 5);
+        } else {
+          console.log(`No keys starting with '${this.words}' found.`);
+          prompt.showToast({message:`'${this.words}' not found.`});
+        }
+      } catch (error) {
+        console.error(`Error loading data from ${fileNameIndex}:`, error);
+      }
+    } else {
+      console.error("Error: 'searchIndex' is not a valid lowercase letter.");
+    }
+  },
+  async loadData(chapter) {
+    const num = this.jsonDataList[chapter];
+    // 将回调转换为Promise
+    return new Promise((resolve, reject) => {
+      file.readText({
+        uri: `internal://files/${num}`,
+        success: (data) => {
+          try {
+            const parsedData = JSON.parse(data.text);
+            resolve(parsedData); // 正确传递解析后的数据
+          } catch (e) {
+            reject("JSON解析失败");
+          }
+        },
+        fail: (_, code) => {
+          reject(`文件读取失败，错误码：${code}`);
+        }
+      });
+    });
+  },
+  // 修改输入方法
+  input(symbol) {
+    
+    this.inputWords += symbol;
+    this.words = this.inputWords.slice(-8);
+    if (this.words.length > 0) {
+      this.searchWord();
+    }
+  },
+  backspace() {
+    
+    var that = this;
+    this.wordsBackspace();
+    that.words = that.inputWords.substring(that.inputWords.length - 8)
+    if (this.words.length > 0) {
+      this.searchWord();
+    }
+  },
+  
+  wordsBackspace() {
+    var that = this;
+    if (that.inputWords.length <= 1) {
+      that.inputWords = "";
+    } else {
+      that.inputWords = that.inputWords.substring(0, that.inputWords.length - 1);
+    }
+  }
+}
+</script>
+
+<style>
+.container {
+  flex-direction: column;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  left: 0px;
+  top: 0px;
+  width: 466px;
+  height: 100%;
+  background-color: #000000;
+}
+.keyboard-row-scroll {
+  width: 466px;
+  height: 60px;
+  margin: 5px 0;
+}
+.keyboard-row {
+  flex-direction: row;
+  height: 60px;
+}
+
+.input-button {
+  width: 70px;
+  height: 60px;
+  min-width: 60px;
+  margin: 0 3px;
+  font-size: 24px;
+  border-radius: 5px;
+  background-color: #444;
+  color: white;
+}
+.function-row {
+  position:absolute;
+  flex-direction: row;
+  justify-content: space-between;
+  width: 466px;
+  margin-top: 10px;
+  top:450px;
+}
+.mode-button {
+  width: 150px;
+  height: 60px;
+  background-color: #666;
+  border-radius: 30px;
+}
+
+.space-button {
+  margin: 0 5px;
+  height: 60px;
+  color: #f0f8ff;
+  background-color: #9f83fb;
+  width: 50%;
+  border-radius: 30px;
+}
+
+.backspace-button {
+  width: 50%;
+  height: 60px;
+  background-color: #f44336;
+  border-radius: 30px;
+}
+
+
+.container-row-candidate {
+  flex-direction: row;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  left: 0px;
+  top: 0px;
+  width: 466px;
+  height: 180px;
+}
+
+
+.words-preview {
+  /* 居中定位方案 */
+  width: 100%;
+  margin: 5px 0;
+  font-size: 40px;
+  height: 60px;
+  
+  /* 弹性盒子居中 */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  
+  /* 文本样式 */
+  color: #f0f8ff;
+  text-align: center;
+  
+  /* 移除冗余属性 */
+  position: absolute;
+  /* margin-left: 50px */
+}
+.wrapper {
+  width: 466px;
+  height: 200px;
+}
+.swiper-item {
+  align-items: center;
+  justify-content: center;
+}
+.letter-text {
+  font-size: 40px;
+  text-align: center;
+  color: #f0f8ff;
+}
+</style>