aidlab/FiDA_Front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

长大了你要当太空人

Browse Source
This commit is contained in:
lzp
2026-03-26 11:50:17 +08:00
parent 7f27b1a47e
commit dd22e97985
11 changed files with 81 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Canvas/DepthCanvas/components/details-panel/index.vue
View File

@@ -7,7 +7,7 @@
<svg-icon name="dc-down_arrow2" size="10" />
</span>
</div>
<div class="content" v-if="isShow" v-show="show">
<div class="content mini-scrollbar" v-if="isShow" v-show="show">
<basic-info :object="activeObject" />
<fill-repeat :object="activeObject" v-if="isRepeat" />
<shape-setting :object="activeObject" v-if="isShape && !isRepeat" />
@@ -51,7 +51,7 @@
top: 2.2rem;
right: 3rem;
width: 28.8rem;
max-height: 80%;
max-height: 90%;
display: flex;
flex-direction: column;
gap: 1.6rem;

2
src/components/Canvas/DepthCanvas/components/layer-panel/index.vue
View File

@@ -20,7 +20,7 @@
width: 0;
top: 2.2rem;
left: 3rem;
max-height: 80%;
max-height: 90%;
display: flex;
flex-direction: column;
gap: 1.6rem;

9
src/components/Canvas/DepthCanvas/components/layer-panel/layer-list.vue
View File

@@ -9,7 +9,7 @@
<span class="icon" @click="addLayer"><svg-icon name="add" size="14" /></span>
</div>
</div>
<div class="content">
<div class="content mini-scrollbar">
<VueDraggable
:model-value="list"
@start="(e) => handleDragStart(e)"
@@ -173,13 +173,6 @@
flex: 1;
overflow-y: auto;
min-height: 20rem;
&::-webkit-scrollbar {
width: 4px;
}
&::-webkit-scrollbar-thumb {
border-radius: 4px;
background: rgba(0, 0, 0, 0.2);
}
}
}
.sortable-layers-child {

40
src/components/Canvas/DepthCanvas/components/tools/depth-input.vue
View File

@@ -2,7 +2,7 @@
<div class="depth-input" :class="{ color: isColor }">
<span class="decorate"></span>
<span v-show="icon" class="icon">
<svg-icon :name="icon" :size="iconSize" size-unit="px" />
<svg-icon :name="icon" :size="iconSize" />
</span>
<span v-show="before" class="before">{{ before }}</span>
<input
@@ -220,45 +220,45 @@
display: flex;
align-items: center;
width: 100%;
border: 1px solid var(--depth-input-border-color, rgba(230, 230, 231, 1));
border-radius: 2px;
height: var(--depth-input-height, 20px);
border: 0.1rem solid var(--depth-input-border-color, rgba(230, 230, 231, 1));
border-radius: 0.2rem;
height: var(--depth-input-height, 2rem);
background-color: var(--depth-input-bg-color, #fff);
padding: 0 4px 0 2px;
padding: 0 0.4rem 0 0.2rem;
&.color {
--depth-input-decorate-margin-right: 10px;
--depth-input-input-margin-right: 10px;
--depth-input-decorate-margin-right: 1rem;
--depth-input-input-margin-right: 1rem;
--depth-input-input-font-align: left;
--depth-input-after-color: rgba(181, 181, 181, 1);
}
> .decorate {
width: 2px;
width: 0.2rem;
background-color: var(--depth-input-decorate-color, rgba(230, 230, 231, 1));
border-radius: 2px;
border-radius: 0.2rem;
height: 75%;
margin-right: var(--depth-input-decorate-margin-right, 4px);
margin-right: var(--depth-input-decorate-margin-right, 0.4rem);
}
> .iconfont {
font-size: 12px;
font-size: 1.2rem;
color: #000;
margin-right: 4px;
margin-right: 0.4rem;
}
> .before {
font-size: 12px;
font-size: 1.2rem;
color: #000;
margin-right: 4px;
margin-right: 0.4rem;
}
> .after {
font-size: 12px;
font-size: 1.2rem;
color: var(--depth-input-after-color, #000);
margin-left: 2px;
margin-left: 0.2rem;
}
> input {
font-size: 12px;
font-size: 1.2rem;
width: 0;
height: 100%;
flex: 1;
margin-right: var(--depth-input-input-margin-right, 0);
margin-right: var(--depth-input-input-margin-right, 0rem);
text-align: var(--depth-input-input-font-align, right);
outline: none;
border: none;
@@ -277,9 +277,9 @@
}
&[type='color'] {
flex: 0.5;
border-radius: 2px;
border-radius: 0.2rem;
height: 70%;
border: 1px solid rgb(42, 42, 42);
border: 0.1rem solid rgb(42, 42, 42);
display: block;
&::-webkit-color-swatch-wrapper {
padding: 0;

40
src/components/Canvas/DepthCanvas/components/tools/depth-offset-tool.vue
View File

@@ -152,52 +152,52 @@
justify-content: center;
> * {
flex: 1;
margin-right: 10px;
margin-right: 1rem;
&:last-child {
margin-right: 0;
}
}
}
> .dish {
width: 115px;
height: 115px;
border: 1px solid #eaeaea;
border-radius: 3.4px;
width: 11.5rem;
height: 11.5rem;
border: 0.1rem solid #eaeaea;
border-radius: 0.4rem;
cursor: pointer;
position: relative;
background-color: #f6f6f6;
margin-top: 20px;
margin-top: 2rem;
> * {
position: absolute;
pointer-events: none;
user-select: none;
}
> img {
width: 12px;
height: 12px;
bottom: 3.5px;
right: 3.5px;
width: 1.2rem;
height: 1.2rem;
bottom: 0.35rem;
right: 0.35rem;
}
> .ball {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8.5px;
height: 8.5px;
border: 1px solid #fff;
width: 0.85rem;
height: 0.85rem;
border: 0.1rem solid #fff;
background-color: #333;
border-radius: 50%;
box-shadow: 0px 0.68px 0.17px 0px rgba(0, 0, 0, 0.26);
box-shadow: 9 0.07rem 0.02rem 0 rgba(0, 0, 0, 0.26);
}
> .tip {
font-size: 8.5px;
font-size: 0.85rem;
color: #000;
line-height: 24px;
line-height: 2.4rem;
&.x {
top: 50%;
right: 0%;
transform: translate(100%, -50%);
padding-left: 6px;
padding-left: 0.6rem;
}
&.y {
top: 0%;
@@ -216,15 +216,15 @@
transform: translate(-50%, -50%);
&.x {
width: 100%;
border-top-width: 1px;
border-top-width: 0.1rem;
}
&.y {
height: 100%;
border-left-width: 1px;
border-left-width: 0.1rem;
}
&.z {
width: 50%;
border-top-width: 1px;
border-top-width: 0.1rem;
border-color: #454754;
transform: translate(0%, -50%) rotateZ(var(--rotateZ));
transform-origin: left center;

18
src/components/Canvas/DepthCanvas/components/tools/depth-select.vue
View File

@@ -22,12 +22,12 @@
<style scoped lang="less">
.depth-select {
&:deep(.el-select) {
--el-select-input-font-size: 12px;
--el-select-input-font-size: 1.2rem;
.el-select__wrapper {
font-size: 12px;
font-size: 1.2rem;
min-height: 0;
height: 28px;
padding: 0 8px;
height: 2.8rem;
padding: 0 0.8rem;
}
.el-select__selected-item,
.el-select__input-wrapper,
@@ -35,17 +35,17 @@
line-height: normal;
}
.el-select__input {
height: 24px;
height: 2.4rem;
}
}
}
.el-popper {
.el-select-dropdown {
li {
padding-left: 8px;
height: 30px;
line-height: 30px;
font-size: 12px;
padding-left: 0.8rem;
height: 3rem;
line-height: 3rem;
font-size: 1.2rem;
}
}
}

10
src/components/Canvas/DepthCanvas/components/tools/depth-slider.vue
View File

@@ -86,7 +86,7 @@
position: relative;
display: flex;
align-items: center;
--input-thumb-size: 1.4rem;
--input-thumb-size: 1.2rem;
--backcolor1: var(--depth-slider-thumb-color1, #000);
--backcolor2: var(--depth-slider-thumb-color2, #d3d3d3);
&:hover {
@@ -121,7 +121,7 @@
background: var(--backcolor1); /* 蓝色滑块 */
cursor: pointer;
transition: all 0.2s;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
}
&::-webkit-slider-thumb:hover {
transform: scale(1.1);
@@ -153,9 +153,9 @@
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgba(0, 0, 0, 0.8);
border-left: 0.5rem solid transparent;
border-right: 0.5rem solid transparent;
border-top: 0.5rem solid rgba(0, 0, 0, 0.8);
}
}
}

1
src/components/Canvas/DepthCanvas/manager/AISelectboxToolManager.ts
View File

@@ -37,6 +37,7 @@ export class AISelectboxToolManager {
if (!oldIsAAA && newIsAAA) {
// 普通工具切换到智能框选工具
this.init()
this.canvasManager.discardActiveObject()
} else if (oldIsAAA && !newIsAAA) {
// 智能框选工具切换到普通工具
this.clear()