commit 4b72df260601c17951b3e6fa9b8a6685a51173f3
Author: chorblack <cjl1562818788@163.com>
Date:   Tue Apr 22 21:05:08 2025 +0800

    first commit

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..826acdd
Binary files /dev/null and b/.DS_Store differ
diff --git a/app.ux b/app.ux
new file mode 100644
index 0000000..3a70b36
--- /dev/null
+++ b/app.ux
@@ -0,0 +1,3 @@
+<script>
+  //仅保留app.ux文件，但是请不要在此添加代码，表盘模式下不会加载app.ux
+</script>
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..25b3664
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,41 @@
+{
+  "package": "top.chorblack.lisushang",
+  "versionName": "1.0.0",
+  "versionCode": 1,
+  "appCategory": [
+    "other"
+  ],
+  "config": {
+    "designWidth": 390
+  },
+  "deviceTypeList": [
+    "watch",
+    "watch-square"
+  ],
+  "router": {
+    "entry": "watch3002",
+    "watchfaces": {
+      "watch3002": {
+        "id": 15628002,
+        "name": "逍遥云间",
+        "component": "index",
+        "edit": "edit",
+        "features": [
+          {
+            "name": "blueos.app.appmanager.router"
+          },
+          {
+            "name": "blueos.app.event.eventManager"
+          }
+        ],
+        "params": {
+          "previewImage": [
+            "watch3002/assets/frames/image_51.png"
+          ],
+          "hpw": 1
+        }
+      }
+    }
+  },
+  "name": "逍遥云间"
+}
\ No newline at end of file
diff --git a/watch3002/assets/frames/image_00.png b/watch3002/assets/frames/image_00.png
new file mode 100644
index 0000000..f2b69da
Binary files /dev/null and b/watch3002/assets/frames/image_00.png differ
diff --git a/watch3002/assets/frames/image_01.png b/watch3002/assets/frames/image_01.png
new file mode 100644
index 0000000..f54773d
Binary files /dev/null and b/watch3002/assets/frames/image_01.png differ
diff --git a/watch3002/assets/frames/image_02.png b/watch3002/assets/frames/image_02.png
new file mode 100644
index 0000000..4c87ca3
Binary files /dev/null and b/watch3002/assets/frames/image_02.png differ
diff --git a/watch3002/assets/frames/image_03.png b/watch3002/assets/frames/image_03.png
new file mode 100644
index 0000000..916b073
Binary files /dev/null and b/watch3002/assets/frames/image_03.png differ
diff --git a/watch3002/assets/frames/image_04.png b/watch3002/assets/frames/image_04.png
new file mode 100644
index 0000000..5aa1822
Binary files /dev/null and b/watch3002/assets/frames/image_04.png differ
diff --git a/watch3002/assets/frames/image_05.png b/watch3002/assets/frames/image_05.png
new file mode 100644
index 0000000..1a37460
Binary files /dev/null and b/watch3002/assets/frames/image_05.png differ
diff --git a/watch3002/assets/frames/image_06.png b/watch3002/assets/frames/image_06.png
new file mode 100644
index 0000000..4763901
Binary files /dev/null and b/watch3002/assets/frames/image_06.png differ
diff --git a/watch3002/assets/frames/image_07.png b/watch3002/assets/frames/image_07.png
new file mode 100644
index 0000000..0370d8b
Binary files /dev/null and b/watch3002/assets/frames/image_07.png differ
diff --git a/watch3002/assets/frames/image_08.png b/watch3002/assets/frames/image_08.png
new file mode 100644
index 0000000..666cb15
Binary files /dev/null and b/watch3002/assets/frames/image_08.png differ
diff --git a/watch3002/assets/frames/image_09.png b/watch3002/assets/frames/image_09.png
new file mode 100644
index 0000000..4d0c430
Binary files /dev/null and b/watch3002/assets/frames/image_09.png differ
diff --git a/watch3002/assets/frames/image_10.png b/watch3002/assets/frames/image_10.png
new file mode 100644
index 0000000..6bd6b64
Binary files /dev/null and b/watch3002/assets/frames/image_10.png differ
diff --git a/watch3002/assets/frames/image_11.png b/watch3002/assets/frames/image_11.png
new file mode 100644
index 0000000..d9c62f9
Binary files /dev/null and b/watch3002/assets/frames/image_11.png differ
diff --git a/watch3002/assets/frames/image_12.png b/watch3002/assets/frames/image_12.png
new file mode 100644
index 0000000..27ee113
Binary files /dev/null and b/watch3002/assets/frames/image_12.png differ
diff --git a/watch3002/assets/frames/image_13.png b/watch3002/assets/frames/image_13.png
new file mode 100644
index 0000000..7ffe809
Binary files /dev/null and b/watch3002/assets/frames/image_13.png differ
diff --git a/watch3002/assets/frames/image_14.png b/watch3002/assets/frames/image_14.png
new file mode 100644
index 0000000..4de5488
Binary files /dev/null and b/watch3002/assets/frames/image_14.png differ
diff --git a/watch3002/assets/frames/image_15.png b/watch3002/assets/frames/image_15.png
new file mode 100644
index 0000000..8ed784b
Binary files /dev/null and b/watch3002/assets/frames/image_15.png differ
diff --git a/watch3002/assets/frames/image_16.png b/watch3002/assets/frames/image_16.png
new file mode 100644
index 0000000..91f15fe
Binary files /dev/null and b/watch3002/assets/frames/image_16.png differ
diff --git a/watch3002/assets/frames/image_17.png b/watch3002/assets/frames/image_17.png
new file mode 100644
index 0000000..2d76662
Binary files /dev/null and b/watch3002/assets/frames/image_17.png differ
diff --git a/watch3002/assets/frames/image_18.png b/watch3002/assets/frames/image_18.png
new file mode 100644
index 0000000..9f7dbac
Binary files /dev/null and b/watch3002/assets/frames/image_18.png differ
diff --git a/watch3002/assets/frames/image_19.png b/watch3002/assets/frames/image_19.png
new file mode 100644
index 0000000..f782df3
Binary files /dev/null and b/watch3002/assets/frames/image_19.png differ
diff --git a/watch3002/assets/frames/image_20.png b/watch3002/assets/frames/image_20.png
new file mode 100644
index 0000000..d94ca1c
Binary files /dev/null and b/watch3002/assets/frames/image_20.png differ
diff --git a/watch3002/assets/frames/image_21.png b/watch3002/assets/frames/image_21.png
new file mode 100644
index 0000000..05d8ca0
Binary files /dev/null and b/watch3002/assets/frames/image_21.png differ
diff --git a/watch3002/assets/frames/image_22.png b/watch3002/assets/frames/image_22.png
new file mode 100644
index 0000000..55e5b9f
Binary files /dev/null and b/watch3002/assets/frames/image_22.png differ
diff --git a/watch3002/assets/frames/image_23.png b/watch3002/assets/frames/image_23.png
new file mode 100644
index 0000000..44d4f9e
Binary files /dev/null and b/watch3002/assets/frames/image_23.png differ
diff --git a/watch3002/assets/frames/image_24.png b/watch3002/assets/frames/image_24.png
new file mode 100644
index 0000000..b049047
Binary files /dev/null and b/watch3002/assets/frames/image_24.png differ
diff --git a/watch3002/assets/frames/image_25.png b/watch3002/assets/frames/image_25.png
new file mode 100644
index 0000000..1f7581d
Binary files /dev/null and b/watch3002/assets/frames/image_25.png differ
diff --git a/watch3002/assets/frames/image_26.png b/watch3002/assets/frames/image_26.png
new file mode 100644
index 0000000..3d1ef28
Binary files /dev/null and b/watch3002/assets/frames/image_26.png differ
diff --git a/watch3002/assets/frames/image_27.png b/watch3002/assets/frames/image_27.png
new file mode 100644
index 0000000..366ffa4
Binary files /dev/null and b/watch3002/assets/frames/image_27.png differ
diff --git a/watch3002/assets/frames/image_28.png b/watch3002/assets/frames/image_28.png
new file mode 100644
index 0000000..9869702
Binary files /dev/null and b/watch3002/assets/frames/image_28.png differ
diff --git a/watch3002/assets/frames/image_29.png b/watch3002/assets/frames/image_29.png
new file mode 100644
index 0000000..3bcf128
Binary files /dev/null and b/watch3002/assets/frames/image_29.png differ
diff --git a/watch3002/assets/frames/image_30.png b/watch3002/assets/frames/image_30.png
new file mode 100644
index 0000000..4bd14f7
Binary files /dev/null and b/watch3002/assets/frames/image_30.png differ
diff --git a/watch3002/assets/frames/image_31.png b/watch3002/assets/frames/image_31.png
new file mode 100644
index 0000000..e8fbe4b
Binary files /dev/null and b/watch3002/assets/frames/image_31.png differ
diff --git a/watch3002/assets/frames/image_32.png b/watch3002/assets/frames/image_32.png
new file mode 100644
index 0000000..e762c9b
Binary files /dev/null and b/watch3002/assets/frames/image_32.png differ
diff --git a/watch3002/assets/frames/image_33.png b/watch3002/assets/frames/image_33.png
new file mode 100644
index 0000000..619512f
Binary files /dev/null and b/watch3002/assets/frames/image_33.png differ
diff --git a/watch3002/assets/frames/image_34.png b/watch3002/assets/frames/image_34.png
new file mode 100644
index 0000000..02367d5
Binary files /dev/null and b/watch3002/assets/frames/image_34.png differ
diff --git a/watch3002/assets/frames/image_35.png b/watch3002/assets/frames/image_35.png
new file mode 100644
index 0000000..0cecdbc
Binary files /dev/null and b/watch3002/assets/frames/image_35.png differ
diff --git a/watch3002/assets/frames/image_36.png b/watch3002/assets/frames/image_36.png
new file mode 100644
index 0000000..f7320ad
Binary files /dev/null and b/watch3002/assets/frames/image_36.png differ
diff --git a/watch3002/assets/frames/image_37.png b/watch3002/assets/frames/image_37.png
new file mode 100644
index 0000000..e5cba49
Binary files /dev/null and b/watch3002/assets/frames/image_37.png differ
diff --git a/watch3002/assets/frames/image_38.png b/watch3002/assets/frames/image_38.png
new file mode 100644
index 0000000..df84a74
Binary files /dev/null and b/watch3002/assets/frames/image_38.png differ
diff --git a/watch3002/assets/frames/image_39.png b/watch3002/assets/frames/image_39.png
new file mode 100644
index 0000000..088efcf
Binary files /dev/null and b/watch3002/assets/frames/image_39.png differ
diff --git a/watch3002/assets/frames/image_40.png b/watch3002/assets/frames/image_40.png
new file mode 100644
index 0000000..168ff1e
Binary files /dev/null and b/watch3002/assets/frames/image_40.png differ
diff --git a/watch3002/assets/frames/image_41.png b/watch3002/assets/frames/image_41.png
new file mode 100644
index 0000000..dc9653b
Binary files /dev/null and b/watch3002/assets/frames/image_41.png differ
diff --git a/watch3002/assets/frames/image_42.png b/watch3002/assets/frames/image_42.png
new file mode 100644
index 0000000..ac5f2e9
Binary files /dev/null and b/watch3002/assets/frames/image_42.png differ
diff --git a/watch3002/assets/frames/image_43.png b/watch3002/assets/frames/image_43.png
new file mode 100644
index 0000000..72d3aea
Binary files /dev/null and b/watch3002/assets/frames/image_43.png differ
diff --git a/watch3002/assets/frames/image_44.png b/watch3002/assets/frames/image_44.png
new file mode 100644
index 0000000..bbd57e1
Binary files /dev/null and b/watch3002/assets/frames/image_44.png differ
diff --git a/watch3002/assets/frames/image_45.png b/watch3002/assets/frames/image_45.png
new file mode 100644
index 0000000..2f5fc7a
Binary files /dev/null and b/watch3002/assets/frames/image_45.png differ
diff --git a/watch3002/assets/frames/image_46.png b/watch3002/assets/frames/image_46.png
new file mode 100644
index 0000000..16fa73d
Binary files /dev/null and b/watch3002/assets/frames/image_46.png differ
diff --git a/watch3002/assets/frames/image_47.png b/watch3002/assets/frames/image_47.png
new file mode 100644
index 0000000..8488fa0
Binary files /dev/null and b/watch3002/assets/frames/image_47.png differ
diff --git a/watch3002/assets/frames/image_48.png b/watch3002/assets/frames/image_48.png
new file mode 100644
index 0000000..0b6eec8
Binary files /dev/null and b/watch3002/assets/frames/image_48.png differ
diff --git a/watch3002/assets/frames/image_49.png b/watch3002/assets/frames/image_49.png
new file mode 100644
index 0000000..a917b5d
Binary files /dev/null and b/watch3002/assets/frames/image_49.png differ
diff --git a/watch3002/assets/frames/image_50.png b/watch3002/assets/frames/image_50.png
new file mode 100644
index 0000000..85093da
Binary files /dev/null and b/watch3002/assets/frames/image_50.png differ
diff --git a/watch3002/assets/frames/image_51.png b/watch3002/assets/frames/image_51.png
new file mode 100644
index 0000000..357ff1f
Binary files /dev/null and b/watch3002/assets/frames/image_51.png differ
diff --git a/watch3002/edit.ux b/watch3002/edit.ux
new file mode 100644
index 0000000..eaf9b22
--- /dev/null
+++ b/watch3002/edit.ux
@@ -0,0 +1,26 @@
+<template>
+  <div class="wrap">
+    <div class="container">
+      <text>{{name}}</text>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        name: "edit.ux"
+      }
+    },
+    onInit() {
+      console.log(`inside edit`)
+    },
+
+  }
+</script>
+<style lang="less">
+  .wrap{
+    width: 390px;
+    height: 450px;
+  }
+</style>
\ No newline at end of file
diff --git a/watch3002/index.ux b/watch3002/index.ux
new file mode 100644
index 0000000..8f415d4
--- /dev/null
+++ b/watch3002/index.ux
@@ -0,0 +1,212 @@
+<template>
+  <div class="watchface-container">
+    <!-- 背景层 -->
+    <image-animator
+      class="background-image {{imageAnimationClass}}"
+      id="animator"
+      duration="{{ duration }}"
+      images="{{ frames }}"
+      predecode="2"
+      poster="last"
+      iteration="{{isLoop}}"
+      style="opacity: {{imageOpacity}}; display: {{imageDisplay}};"
+    />
+
+    <!-- 时间显示 -->
+    <div class="time-container">
+      <text class="time-text" onclick="onClickHandler"
+        >{{ currentTime.hours }}:{{ currentTime.minutes }}</text
+      >
+    </div>
+
+    <!-- 新增：日期显示 -->
+    <div class="date-container">
+      <text class="date-text" onclick="onClickHandler2"
+        >{{ currentDate.month }}/{{ currentDate.day }}</text
+      >
+    </div>
+    <!-- 前景层（带透明度的图片） -->
+    <!--image class="foreground-image" src="/images/foreground.png"></image-->
+  </div>
+</template>
+
+<style lang="less">
+// 新增日期样式
+.date-container {
+  position: absolute;
+  left: 23px; // 左侧间距
+  bottom: 10px; // 底部间距
+  justify-content: flex-start; // 左对齐
+  align-items: flex-end; // 底部对齐
+}
+
+.date-text {
+  font-size: 40px; // 比时间稍小的字号
+  font-weight: bold;
+  color: #8cc4c2; // 保持与时间一致的配色
+}
+
+.watchface-container {
+  flex-direction: column;
+  width: 390px;
+  height: 450px;
+  justify-content: center;
+  align-items: center;
+}
+
+.background-image {
+  position: absolute;
+  width: 390px;
+  height: 450px;
+  object-fit: cover;
+}
+
+.time-container {
+  position: absolute;
+  right: 0px; /* 右侧间距 */
+  bottom: 0px; /* 底部间距 */
+  justify-content: flex-end; /* 右对齐 */
+  align-items: flex-end; /* 底部对齐 */
+
+}
+
+.time-text {
+  font-size: 80px;
+  font-weight: bold;
+  color: #8cc4c2;
+  margin-right: 10px; /* 文字右侧留白 */
+  margin-bottom: 10px; /* 文字底部留白 */
+}
+
+.foreground-image {
+  position: absolute;
+  width: 390px;
+  height: 450px;
+  object-fit: cover;
+}
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+/* 新增动画样式 */
+.fade-out-image {
+  animation-name: fadeOut;
+  animation-duration: 500ms;
+  animation-fill-mode: forwards;
+}
+.fade-in-image {
+  animation-name: fadeIn;
+  animation-duration: 500ms;
+  animation-fill-mode: forwards;
+}
+</style>
+
+<script>
+export default {
+  data: {
+    currentTime: {
+      hours: '07',
+      minutes: '21'
+    },
+    currentDate: {
+      month: '12',
+      day: '34'
+    },
+    timer: null,
+    frames: Array.from(
+      { length: 52 },
+      (_, k) => ({
+        src: `./assets/frames/image_${k.toString().padStart(2, '0')}.png`
+      })
+    )
+    ,
+    duration: '50ms',
+    imageAnimationClass: '',
+
+    change: null,
+    isLoop: "1",
+  },
+
+  updateTime() {
+    const now = new Date();
+    const hours = now.getHours().toString().padStart(2, '0');
+    const minutes = now.getMinutes().toString().padStart(2, '0');
+    const month = (now.getMonth() + 1).toString().padStart(2, '0'); // 月份从0开始需要+1
+    const day = now.getDate().toString().padStart(2, '0');
+
+    this.currentTime = { hours, minutes };
+    this.currentDate = { month, day };  // 更新日期数据
+  },
+
+  onInit() {
+    this.updateTime();
+    this.timer = setInterval(() => {
+      this.updateTime();
+    }, 1000);
+  },
+  onReady() {
+    this.$element('animator').start();
+  },
+  onShow() {
+    this.$element('animator').start()
+  },
+
+  onClickHandler() {
+    let state = this.$element('animator').getState();
+    switch (state) {
+      case 'playing':
+        //实现具体的业务逻辑
+        this.$element('animator').pause();
+        break
+      case 'paused':
+        //实现具体的业务逻辑
+        this.$element('animator').resume();
+        break
+      case 'stopped':
+        this.$element('animator').start();
+        break
+    }
+  },
+  onClickHandler2() {
+    this.isLoop = this.isLoop === "1" ? "infinite" : "1";
+    this.isLoop === "infinite" ? this.$element('animator').start() : "";
+  },
+  onDestroy() {
+    // 清除定时器
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+    if (this.change) {
+      clearTimeout(this.change);
+    }
+    this.$element('animator').stop();
+  },
+  animate(prop, targetValue, duration, callback) {
+    const startTime = Date.now()
+    const startValue = this[prop]
+    const frame = () => {
+      const elapsed = Date.now() - startTime
+      const progress = Math.min(elapsed / duration, 1)
+      this[prop] = startValue + (targetValue - startValue) * progress
+      if (progress < 1) {
+        setTimeout(frame, 16) // 模拟requestAnimationFrame
+      } else if (callback) {
+        callback()
+      }
+    }
+    frame()
+  }
+}
+</script>