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

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

View File

@@ -361,13 +361,13 @@ export default defineComponent({
.upload_title{
display: flex;
margin-bottom: 1rem;
margin-top: 1rem;
margin-bottom: calc(1rem*1.2);
margin-top: calc(1rem*1.2);
&.upload_title:nth-child(1){
margin-top: 0;
}
span{
margin-left: 1rem;
margin-left: calc(1rem*1.2);
font-size: var(--aida-fsize1-8);
color: #000000;
}
@@ -386,8 +386,8 @@ export default defineComponent({
max-height: 100%;
width: auto;
height: auto;
max-height: 35rem;
margin-top: 2rem;
max-height: calc(35rem*1.2);
margin-top: calc(2rem*1.2);
width: 100%;
object-fit: contain;
}
@@ -405,7 +405,7 @@ export default defineComponent({
.result_print{
display: flex;
justify-content: space-between;
height: 14rem;
height: calc(14rem*1.2);
>div{
display: flex;
flex-direction: column;
@@ -420,24 +420,24 @@ export default defineComponent({
position: relative;
img{
width: auto;
height: 8rem;
height: calc(8rem*1.2);
margin: auto;
display: block;
}
.delete_file_block{
display: none;
width: 3.2rem;
height: 3.2rem;
width: calc(3.2rem*1.2);
height: calc(3.2rem*1.2);
background: rgba(0,0,0,0.6);
border-radius: 0.4rem;
border-radius: calc(0.4rem*1.2);
position: absolute;
top: 0.9rem;
right: 0.9rem;
top: calc(0.9rem*1.2);
right: calc(0.9rem*1.2);
text-align: center;
line-height: 3.2rem;
line-height: calc(3.2rem*1.2);
left: auto;
.icon-shanchu{
font-size: 1.6rem;
font-size: calc(1.6rem*1.2);
color: #fff;
}
}
@@ -451,9 +451,9 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: center;
// margin: 2rem 0;
// margin: 2rem*1.2) 0;
transform: scale(.8);
// margin: 3rem 0;
// margin: 3rem*1.2) 0;
.habit_Overal_Single_text {
font-weight: 600;
color: rgba(0, 0, 0, 0.5);
@@ -464,7 +464,7 @@ export default defineComponent({
}
}
:deep(.ant-switch) {
margin: 0 1rem;
margin: 0 calc(1rem*1.2);
background-color: #efefef;
}
:deep(.ant-switch-checked) {
@@ -472,14 +472,14 @@ export default defineComponent({
}
}
.habit_System_Designer {
margin-top: 4rem;
margin-top: calc(4rem*1.2);
transform: scale(.8);
:deep(.ant-slider-track),
:deep(.ant-slider-rail) {
height: .6rem;
height: calc(.6rem*1.2);
background-color: #e1e1e1;
border-radius: 0.5rem;
border-radius: calc(0.5rem*1.2);
}
:deep(.ant-slider .ant-slider-handle:not(.ant-tooltip-open)),
:deep(.ant-slider-handle) {
@@ -498,20 +498,20 @@ export default defineComponent({
overflow-x: hidden;
display: flex;
flex-wrap: wrap;
padding-left: 2rem;
padding-left: calc(2rem*1.2);
&.modal_img::-webkit-scrollbar {
display: none;
}
.modal_img_item{
margin: 0 1rem 1rem 0;
margin: 0 calc(1rem*1.2) calc(1rem*1.2) 0;
position: relative;
// cursor: pointer;
border: 0.1rem solid #DCDCEC;
border: calc(0.1rem*1.2) solid #DCDCEC;
//放8个
height: 8.5rem;
width: 7rem;
// height: 32rem;
// width: 25rem;
height: calc(8.5rem*1.2);
width: calc(7rem*1.2);
// height: 32rem*1.2);
// width: 25rem*1.2);
overflow: hidden;
@media screen and (max-width: 1440px) {
&.modal_img_item {
@@ -522,12 +522,12 @@ export default defineComponent({
.color_content{
width: 100%;
//放8个
height: 4rem;
// height: 25rem;
height: calc(4rem*1.2);
// height: 25rem*1.2);
}
.color_content_body{
.color_des{
// font-size: 1.8rem;
// font-size: 1.8rem*1.2);
font-weight: 600;
white-space: nowrap;
width: 100%;
@@ -536,7 +536,7 @@ export default defineComponent({
}
}
.select_upload_color{
border: 0.1rem solid #343579;
border: calc(0.1rem*1.2) solid #343579;
}
.upload_color{
width: 100%;
@@ -546,7 +546,7 @@ export default defineComponent({
}
}
.subitOkPreviewBtn{
bottom: 4rem;
bottom: calc(4rem*1.2);
position: absolute;
}
}