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

修改页面detail和coll字体以及比例

Browse Source
This commit is contained in:
X1627315083
2024-01-10 14:09:44 +08:00
parent 59c5e59347
commit 46a02478b6
35 changed files with 1191 additions and 1305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/component/HomePage/MoodboardUpload.vue
View File

@@ -127,8 +127,8 @@
</div>
<div v-show="moodboarList.length > 1 || edieShow" class="modal_accomplish">
<div class="modal_text">
<div>Layout of selected moodboard</div>
<div class="modal_btn started_btn" @click.stop="changeTemplateModal()">Edit</div>
<div>{{ $t('MoodboardUpload.selected') }}</div>
<div class="modal_btn started_btn" @click.stop="changeTemplateModal()">{{ $t('MoodboardUpload.Edit') }}</div>
</div>
<div class="modal_img_max">
<div v-if="!modalImg[0]?.id" class="modal_img" id="modal_img" :class="{active:flex_direction}">
@@ -505,11 +505,11 @@ export default defineComponent({
height: 100%;
display: flex;
.modal_left {
padding-top: 4rem;
padding-top: calc(4rem*1.2);
width: 47%;
display: flex;
flex-direction: column;
// width: 50rem;
// width: 50rem*1.2);
.switch_type_list {
display: flex;
align-items: center;
@@ -518,14 +518,14 @@ export default defineComponent({
.switch_type_item {
display: flex;
align-items: center;
// padding: 0 2rem;
height: 4rem;
// padding: 0 2rem*1.2);
height: calc(4rem*1.2);
background: #fff;
border-radius: 0.8rem;
line-height: 4rem;
border-radius: calc(0.8rem*1.2);
line-height: calc(4rem*1.2);
font-size: var(--aida-fsize1-8);
// margin-right: 2.2rem;
margin-right: 8rem;
// margin-right: 2.2rem*1.2);
margin-right: calc(8rem*1.2);
color: #000;
cursor: pointer;
position: relative;
@@ -538,10 +538,10 @@ export default defineComponent({
content: "";
display: block;
background: #000;
height: .3rem;
height: calc(.3rem*1.2);
left: 50%;
transform: translateX(-50%);
bottom: .6rem;
bottom: calc(.6rem*1.2);
width: 0px;
transition: 0.3s all;
}
@@ -555,16 +555,16 @@ export default defineComponent({
}
.switch_icon {
font-size: 1.8rem;
margin-right: 0.8rem;
font-size: calc(1.8rem*1.2);
margin-right: calc(0.8rem*1.2);
}
}
}
.moodboard_body {
padding-top: 2.5rem;
padding-top: calc(2.5rem*1.2);
flex: 1;
height: 30rem;
height: calc(30rem*1.2);
overflow-x: hidden;
border-right: 1px solid #e5e5e5;
display: flex;
@@ -575,7 +575,7 @@ export default defineComponent({
.upload_img_body {
height: 100%;
overflow-y: auto;
margin-bottom: 1rem;
margin-bottom: calc(1rem*1.2);
}
@@ -584,19 +584,19 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-size: calc(1.4rem*1.2);
color: #030303;
.icon-zhuyi {
font-size: 1.6rem;
margin-right: 0.7rem;
font-size: calc(1.6rem*1.2);
margin-right: calc(0.7rem*1.2);
}
}
}
}
.modal_right{
flex: 1;
margin-left: 3rem;
margin-left: calc(3rem*1.2);
display: flex;
flex-direction: column;
.modal_layout,.modal_accomplish{
@@ -611,18 +611,18 @@ export default defineComponent({
}
.modal_layout{
.modal_img{
width: 40rem;
height: 5rem;
width: calc(40rem*1.2);
height: calc(5rem*1.2);
overflow-x: hidden;
display: flex;
&.modal_img::-webkit-scrollbar {
display: none;
}
.modal_img_item{
width: 4rem;
height: 4rem;
width: calc(4rem*1.2);
height: calc(4rem*1.2);
text-align: center;
margin: 0 1rem 1rem 0;
margin: 0 calc(1rem*1.2) calc(1rem*1.2) 0;
position: relative;
cursor: pointer;
overflow: hidden;
@@ -651,19 +651,19 @@ export default defineComponent({
}
}
.modal_accomplish{
// margin-top: 2rem;
height: 30rem;
// margin-top: 2rem*1.2);
height: calc(30rem*1.2);
display: flex;
flex: 1;
flex-direction: column;
.modal_text{
padding-top: 2rem;
padding-block: 2rem;
padding-top: calc(2rem*1.2);
padding-block: calc(2rem*1.2);
}
.modal_img_max{
// flex: 1;
width: 57rem;
height: 35rem;
width: calc(57rem*1.2);
height: calc(35rem*1.2);
position: relative;
.mark_loading{
position: absolute;