修改页面detail和coll字体以及比例
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user