@xtdev/xt-miniprogram-ui 1.2.80 → 1.2.82

package/libs/xt-water-camera/index.js

@@ -73,12 +73,16 @@ Component({
      * 启动时钟
      */
     startClock() {
-      const {watermarkData} = this.properties;
-      const {currentTime = Date.now()} = watermarkData;
+      const { watermarkData } = this.properties;
+      const { currentTime = Date.now() } = watermarkData;
+      // 计算currentTime 与当前时间的时差
+      const timeDifference = Date.now() - new Date(currentTime).getTime();
       const updateTime = () => {
-        const now = new Date(currentTime);
+        const now = new Date(Date.now() - timeDifference);
         const hours = String(now.getHours()).padStart(2, '0');
         const minutes = String(now.getMinutes()).padStart(2, '0');
+        // 秒
+        // const seconds = String(now.getSeconds()).padStart(2, '0');
         const year = now.getFullYear();
         const month = String(now.getMonth() + 1).padStart(2, '0');
         const day = String(now.getDate()).padStart(2, '0');
@@ -93,7 +97,6 @@ Component({
       this.clockInterval = setInterval(updateTime, 1000);
     },
 
-
     /**
      * 拍照
      */

package/libs/xt-water-camera/{index.scss → index.wxss}

@@ -10,19 +10,17 @@
   background-color: #000;
 }
 
-// 相机区域
 .camera-section {
   width: 100%;
   height: 100%;
   position: relative;
+}
 
-  .camera {
-    width: 100%;
-    height: 100%;
-  }
+.camera-section .camera {
+  width: 100%;
+  height: 100%;
 }
 
-// 水印预览层
 .watermark-preview-layer {
   position: absolute;
   top: 0;
@@ -35,33 +33,31 @@
   justify-content: flex-end;
 }
 
-// 标签容器（在info-container上方）
 .tag-container {
   display: flex;
   align-items: center;
   margin-left: 16rpx;
   margin-bottom: 16rpx;
+}
 
-  .tag-label {
-    padding: 12rpx 24rpx;
-    background-color: #7b2d8e;
-    color: #fff;
-    font-size: 40rpx;
-    font-weight: bold;
-    border-radius: 8rpx 0 0 8rpx;
-  }
+.tag-container .tag-label {
+  padding: 12rpx 24rpx;
+  background-color: #7b2d8e;
+  color: #fff;
+  font-size: 40rpx;
+  font-weight: bold;
+  border-radius: 8rpx 0 0 8rpx;
+}
 
-  .tag-time {
-    padding: 12rpx 24rpx;
-    background-color: #fff;
-    color: #333;
-    font-size: 40rpx;
-    font-weight: bold;
-    border-radius: 0 8rpx 8rpx 0;
-  }
+.tag-container .tag-time {
+  padding: 12rpx 24rpx;
+  background-color: #fff;
+  color: #333;
+  font-size: 40rpx;
+  font-weight: bold;
+  border-radius: 0 8rpx 8rpx 0;
 }
 
-// 底部信息区
 .info-container {
   background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
   opacity: 0.5;
@@ -79,18 +75,18 @@
   flex-wrap: wrap;
   line-height: 34rpx;
   margin-bottom: 2rpx;
+}
 
-  &.name-row {
-    line-height: 56rpx;
-  }
+.info-row.name-row {
+  line-height: 56rpx;
+}
 
-  &.business-row {
-    line-height: 42rpx;
-  }
+.info-row.business-row {
+  line-height: 42rpx;
 }
 
 .name-text {
-  color: #FFFFFF;
+  color: #ffffff;
   font-size: 40rpx;
   font-weight: bold;
 }
@@ -121,7 +117,6 @@
   margin-right: 8rpx;
 }
 
-// 拍照按钮
 .shutter-area {
   position: absolute;
   bottom: 40rpx;
@@ -142,66 +137,64 @@
   justify-content: center;
   align-items: center;
   border: 6rpx solid #fff;
+}
 
-  .shutter-inner {
-    width: 100rpx;
-    height: 100rpx;
-    border-radius: 50%;
-    background-color: #fff;
-  }
+.shutter-btn .shutter-inner {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+  background-color: #fff;
+}
 
-  &:active {
-    transform: scale(0.95);
+.shutter-btn:active {
+  transform: scale(0.95);
+}
 
-    .shutter-inner {
-      background-color: #ddd;
-    }
-  }
+.shutter-btn:active .shutter-inner {
+  background-color: #ddd;
 }
 
-// 预览区域
 .preview-section {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   background-color: #000;
+}
 
-  .preview-image {
-    flex: 1;
-    width: 100%;
-  }
+.preview-section .preview-image {
+  flex: 1;
+  width: 100%;
+}
 
-  .preview-buttons {
-    display: flex;
-    padding: 30rpx 40rpx;
-    padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
-    background-color: #000;
-
-    .btn-retake,
-    .btn-confirm {
-      flex: 1;
-      height: 88rpx;
-      line-height: 88rpx;
-      text-align: center;
-      font-size: 32rpx;
-      border-radius: 44rpx;
-      margin: 0 20rpx;
-    }
-
-    .btn-retake {
-      background-color: #333;
-      color: #fff;
-    }
-
-    .btn-confirm {
-      background-color: #7b2d8e;
-      color: #fff;
-    }
-  }
+.preview-section .preview-buttons {
+  display: flex;
+  padding: 30rpx 40rpx;
+  padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
+  background-color: #000;
+}
+
+.preview-section .preview-buttons .btn-retake,
+.preview-section .preview-buttons .btn-confirm {
+  flex: 1;
+  height: 88rpx;
+  line-height: 88rpx;
+  text-align: center;
+  font-size: 32rpx;
+  border-radius: 44rpx;
+  margin: 0 20rpx;
+}
+
+.preview-section .preview-buttons .btn-retake {
+  background-color: #333;
+  color: #fff;
+}
+
+.preview-section .preview-buttons .btn-confirm {
+  background-color: #7b2d8e;
+  color: #fff;
 }
 
-// 离屏Canvas
 .offscreen-canvas {
   position: fixed;
   left: -9999rpx;
@@ -210,7 +203,6 @@
   height: 1px;
 }
 
-// 加载提示
 .loading-overlay {
   position: absolute;
   top: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xtdev/xt-miniprogram-ui",
-  "version": "1.2.80",
+  "version": "1.2.82",
   "description": "",
   "miniprogram": "libs",
   "publishConfig": {