diff --git a/src/assets/icons/threeLogo.svg b/src/assets/icons/threeLogo.svg new file mode 100644 index 0000000..8e3c6b2 --- /dev/null +++ b/src/assets/icons/threeLogo.svg @@ -0,0 +1,11 @@ + + + + + + + \ No newline at end of file diff --git a/src/assets/images/threeLoading.png b/src/assets/images/threeLoading.png new file mode 100644 index 0000000..512121d Binary files /dev/null and b/src/assets/images/threeLoading.png differ diff --git a/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue b/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue index cbf4fb6..6334d86 100644 --- a/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue +++ b/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue @@ -166,9 +166,15 @@ defineExpose({open})
+
+ +
-
Load...
+
+ + {{ $t('threeModel.loading') }} +
@@ -190,30 +196,49 @@ defineExpose({open}) border: 1px solid #D9D9D9; overflow: hidden; } + > .icon{ + position: absolute; + bottom: 2.4rem; + right: 2.4rem; + } > .load{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; - background: rgba(0, 0, 0, .2); + background: #e6e6e6; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; + > .text{ + font-weight: 500; + font-size: 1.8rem; + line-height: 100%; + display: flex; + align-items: center; + justify-content: center; + color: #747474; + > img{ + margin-right: 1rem; + } + } > i{ font-size: 3rem; } > .loadBox{ - width: 15rem; + width: 26rem; height: 1rem; - border-radius: 1rem; + border-radius: 3.3rem; background: #fff; overflow: hidden; + margin-top: 1.2rem; > .schedule{ height: 100%; - background: greenyellow; + border-radius: 3.3rem; + background: #848484; } } } diff --git a/src/components/Canvas/FlowCanvas/components/tools/upload-file.vue b/src/components/Canvas/FlowCanvas/components/tools/upload-file.vue index 27a6907..740e719 100644 --- a/src/components/Canvas/FlowCanvas/components/tools/upload-file.vue +++ b/src/components/Canvas/FlowCanvas/components/tools/upload-file.vue @@ -80,7 +80,7 @@ text-align: center; line-height: 18px; background-color: #fff; - font-size: 6px; + font-size: 9px; color: #000; border: 1px solid #d9d9d9; cursor: pointer; diff --git a/src/components/Canvas/components/base-modal.vue b/src/components/Canvas/components/base-modal.vue index a6377c5..0ce7ed6 100644 --- a/src/components/Canvas/components/base-modal.vue +++ b/src/components/Canvas/components/base-modal.vue @@ -26,7 +26,7 @@ default: '63vw' } }) - const showDialog = ref(false) + const showDialog = ref(true) const open = (url_: any) => { showDialog.value = true } diff --git a/src/lang/en.ts b/src/lang/en.ts index c6a61b2..1750c74 100644 --- a/src/lang/en.ts +++ b/src/lang/en.ts @@ -187,5 +187,9 @@ export default { }, assistant: { inputPlaceholder: 'Ask anything', + }, + //3d面板 + threeModel: { + loading: 'Loading', } } diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts index b98be7b..db123b9 100644 --- a/src/lang/zh-cn.ts +++ b/src/lang/zh-cn.ts @@ -182,5 +182,9 @@ export default { }, assistant: { inputPlaceholder: '请输入' + }, + //3d面板 + threeModel: { + loading: '加载中', } }