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

style: 调整Color组件布局

Browse Source
This commit is contained in:
zhangyh
2025-09-24 16:00:25 +08:00
parent 35b42d03cc
commit 59daabbbf7
3 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/component/Detail/DesignDetail.vue
View File

@@ -575,6 +575,7 @@ export default defineComponent({
// width: 34rem; // width: 34rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between;
} }
&.isEditPattern{width: 0px;} &.isEditPattern{width: 0px;}
&.model{ &.model{

23
src/component/Detail/detailLeft/colorBox/index.vue
View File

@@ -388,21 +388,22 @@ export default defineComponent({
.flex-justify-around{ .flex-justify-around{
justify-content: space-around; justify-content: space-around;
} }
.color{ .color{
// width: 34rem; // width: 34rem;
width: 100%; width: 100%;
height: 100%; // height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
row-gap: 1rem;
overflow-y: auto; overflow-y: auto;
> .detailText{ // > .detailText{
margin-bottom: .5rem; // margin-bottom: .5rem;
} // }
> .pallet{ // > .pallet{
margin-bottom: 2rem; // margin-bottom: 2rem;
} // }
> .colorBox{ > .colorBox{
margin-bottom: 1rem; // margin-bottom: 1rem;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
@@ -444,7 +445,7 @@ export default defineComponent({
} }
> .uploadImage{ > .uploadImage{
flex-shrink: 0; flex-shrink: 0;
margin-bottom: 3rem; // margin-bottom: 3rem;
border: 1px dashed transparent; border: 1px dashed transparent;
background: linear-gradient(#fff, #fff) padding-box,repeating-linear-gradient(-45deg,#fff 0,#fff 0.3em, #000 0,#000 0.6em); background: linear-gradient(#fff, #fff) padding-box,repeating-linear-gradient(-45deg,#fff 0,#fff 0.3em, #000 0,#000 0.6em);
height: 10rem; height: 10rem;
@@ -471,7 +472,7 @@ export default defineComponent({
} }
} }
> .colorCode{ > .colorCode{
margin-bottom: 3rem; // margin-bottom: 3rem;
> .generalModel_state{ > .generalModel_state{
> .generalModel_state_item{ > .generalModel_state_item{
width: 100%; width: 100%;

2
src/component/Detail/detailLeft/index.vue
View File

@@ -72,7 +72,7 @@ export default defineComponent({
.detailLeft{ .detailLeft{
// width: 34rem; // width: 34rem;
// width: 100%; // width: 100%;
height: 100%; // height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }