feat: update

packages/qjkankan-editor/src/lang/weblate/zh.json

@@ -550,7 +550,7 @@
             "comfirm_delete": "确定要删除作品吗？",
             "online_gen": "在线制作",
             "cam_gen": "相机生成",
-            "calcing": "计算中..."
+            "calcing": "场景计算中..."
         },
         "components": {
             "prev": "上一张",
@@ -971,4 +971,4 @@
         "FAILURE_3024": "存储空间已满",
         "loading_fail": "加载失败"
     }
-}
+}

packages/qjkankan-editor/src/views/material/works/cam.vue

@@ -64,6 +64,42 @@
             >
             <div class="calc-mask" v-if="item.calcStatus === 0">
               <span>{{ calcing }}</span>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="1em"
+                height="1em"
+                viewBox="0 0 24 24"
+              >
+                <circle cx="4" cy="12" r="3" fill="currentColor">
+                  <animate
+                    id="svgSpinners3DotsFade0"
+                    fill="freeze"
+                    attributeName="opacity"
+                    begin="0;svgSpinners3DotsFade1.end-0.25s"
+                    dur="0.75s"
+                    values="1;0.2"
+                  />
+                </circle>
+                <circle cx="12" cy="12" r="3" fill="currentColor" opacity="0.4">
+                  <animate
+                    fill="freeze"
+                    attributeName="opacity"
+                    begin="svgSpinners3DotsFade0.begin+0.15s"
+                    dur="0.75s"
+                    values="1;0.2"
+                  />
+                </circle>
+                <circle cx="20" cy="12" r="3" fill="currentColor" opacity="0.3">
+                  <animate
+                    id="svgSpinners3DotsFade1"
+                    fill="freeze"
+                    attributeName="opacity"
+                    begin="svgSpinners3DotsFade0.begin+0.3s"
+                    dur="0.75s"
+                    values="1;0.2"
+                  />
+                </circle>
+              </svg>
             </div>
           </div>
           <div class="li-info">
@@ -614,6 +650,13 @@ export default {
           justify-content: center;
           align-items: center;
           color: #fff;
+          display: flex;
+          flex-direction: column;
+          font-size: 15px;
+          svg {
+            width: 28px;
+            height: 28px;
+          }
         }
         &.disabled {
           > * {