修改页面detail和coll字体以及比例
This commit is contained in:
X1627315083
@@ -5,7 +5,7 @@
|
||||
v-model:visible="designOpenrtion"
|
||||
:class="[driver__.driver?'hideEvents':'']"
|
||||
:footer="null"
|
||||
width="65%"
|
||||
width="78%"
|
||||
:maskClosable="false"
|
||||
:centered="true"
|
||||
:closable="false"
|
||||
@@ -756,50 +756,50 @@ export default defineComponent({
|
||||
position: absolute;
|
||||
}
|
||||
.ant-modal-body{
|
||||
padding: 4rem 5rem 0rem!important;
|
||||
// height: calc(65vh - 6.4rem);
|
||||
height: calc(100rem*.614);
|
||||
padding: calc(4rem*1.2) calc(5rem*1.2) calc(0rem*1.2)!important;
|
||||
// height: calc(65vh - 6.4rem*1.2));
|
||||
height: calc(65rem*1.2*1.2);
|
||||
display: flex;
|
||||
overflow-y: hidden;
|
||||
flex-direction: column;
|
||||
}
|
||||
.ant-modal-content{
|
||||
border-radius: 1rem;
|
||||
border-radius: calc(1rem*1.2);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.designOpenrtion_content {
|
||||
// background: #f2f3fb;
|
||||
// padding-bottom: 2.9rem;
|
||||
// padding-bottom: 2.9rem*1.2);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
.designOpenrtion_header {
|
||||
position: relative;
|
||||
height: 6.6rem;
|
||||
height: calc(6.6rem*1.2);
|
||||
width: 100%;
|
||||
background: #F7F7F7;
|
||||
|
||||
.placement_modal_title{
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
line-height: 6.6rem;
|
||||
left: 3.7rem;
|
||||
line-height: calc(6.6rem*1.2);
|
||||
left: calc(3.7rem*1.2);
|
||||
top: 0;
|
||||
font-size: 1.8rem;
|
||||
font-size: calc(1.8rem*1.2);
|
||||
color: #030303;
|
||||
}
|
||||
}
|
||||
|
||||
.designOpenrtion_right{
|
||||
height: 50rem;
|
||||
height: calc(50rem*1.2);
|
||||
position: absolute;
|
||||
right: 2rem;
|
||||
right: calc(2rem*1.2);
|
||||
left: auto;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
max-height: 50rem;
|
||||
max-width: 30rem;
|
||||
max-height: calc(50rem*1.2);
|
||||
max-width: calc(30rem*1.2);
|
||||
.designOpenrtion_entirety_img{
|
||||
height: 100%;
|
||||
img{
|
||||
@@ -822,18 +822,18 @@ export default defineComponent({
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
border: 2px solid;
|
||||
padding: 2rem 0;
|
||||
width: 16rem;
|
||||
border-radius: 1rem;
|
||||
height: 40rem;
|
||||
padding: calc(2rem*1.2) 0;
|
||||
width: calc(16rem*1.2);
|
||||
border-radius: calc(1rem*1.2);
|
||||
height: calc(40rem*1.2);
|
||||
.habit_Overal_Single {
|
||||
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);
|
||||
@@ -844,7 +844,7 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
.ant-switch {
|
||||
margin: 0 1rem;
|
||||
margin: 0 calc(1rem*1.2);
|
||||
background-color: #efefef;
|
||||
}
|
||||
.ant-switch-checked {
|
||||
@@ -854,12 +854,12 @@ export default defineComponent({
|
||||
.habit_System_Designer {
|
||||
transform: scale(.8);
|
||||
width: 100%;
|
||||
margin-top: 1.5rem;
|
||||
margin-top: calc(1.5rem*1.2);
|
||||
.ant-slider-track,
|
||||
.ant-slider-rail {
|
||||
height: .6rem;
|
||||
height: calc(.6rem*1.2);
|
||||
background-color: #e1e1e1;
|
||||
border-radius: 0.5rem;
|
||||
border-radius: calc(0.5rem*1.2);
|
||||
}
|
||||
.ant-slider .ant-slider-handle:not(.ant-tooltip-open),
|
||||
.ant-slider-handle {
|
||||
@@ -870,39 +870,39 @@ export default defineComponent({
|
||||
box-shadow: 0 0 0 5px rgba(45, 46, 118, 0.2);
|
||||
}
|
||||
.habit_System_Designer_text{
|
||||
font-size: 1.6rem;
|
||||
font-size: calc(1.6rem*1.2);
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.button_second{
|
||||
margin: 1rem 0;
|
||||
width: 10rem;
|
||||
margin: calc(1rem*1.2) 0;
|
||||
width: calc(10rem*1.2);
|
||||
text-align: center;
|
||||
position: initial;
|
||||
transform: none;
|
||||
height: 3rem;
|
||||
line-height: 3rem;
|
||||
height: calc(3rem*1.2);
|
||||
line-height: calc(3rem*1.2);
|
||||
}
|
||||
.print_input{
|
||||
margin-top: 1rem;
|
||||
width: 9.85rem;
|
||||
margin-top: calc(1rem*1.2);
|
||||
width: calc(9.85rem*1.2);
|
||||
display: flex;
|
||||
.search_input{
|
||||
width: 6.85rem;
|
||||
margin-right: 1rem;
|
||||
padding: 0 1.5rem;
|
||||
width: calc(6.85rem*1.2);
|
||||
margin-right: calc(1rem*1.2);
|
||||
padding: 0 calc(1.5rem*1.2);
|
||||
border: 2px solid #000;
|
||||
font-size: 1.2rem;
|
||||
font-size: calc(1.2rem*1.2);
|
||||
font-weight: 400;
|
||||
height: 3rem;
|
||||
border-radius: 1.5rem;
|
||||
height: calc(3rem*1.2);
|
||||
border-radius: calc(1.5rem*1.2);
|
||||
&::placeholder {
|
||||
color: #C2C2C2;
|
||||
}
|
||||
}
|
||||
i{
|
||||
width: 2rem;
|
||||
width: calc(2rem*1.2);
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -910,10 +910,10 @@ export default defineComponent({
|
||||
}
|
||||
.designOpenrtion_nav{
|
||||
display: flex;
|
||||
margin-top: 2rem;
|
||||
margin-top: calc(2rem*1.2);
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
height: 12rem;
|
||||
height: calc(12rem*1.2);
|
||||
overflow-x: hidden;
|
||||
justify-content: space-evenly;
|
||||
&.designOpenrtion_nav::-webkit-scrollbar {
|
||||
@@ -928,7 +928,7 @@ export default defineComponent({
|
||||
}
|
||||
.designOpenrtion_single{
|
||||
width: 40%;
|
||||
margin-bottom: 2rem;
|
||||
margin-bottom: calc(2rem*1.2);
|
||||
}
|
||||
img{
|
||||
width: 100%;
|
||||
@@ -941,6 +941,7 @@ export default defineComponent({
|
||||
&.show_print_right{
|
||||
border: none;
|
||||
padding: 0;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -954,6 +955,7 @@ export default defineComponent({
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
display: flex;
|
||||
&.active{
|
||||
flex-direction: row;
|
||||
}
|
||||
@@ -967,11 +969,11 @@ export default defineComponent({
|
||||
// max-width: 100%;
|
||||
// max-height: 100%;
|
||||
// width: 100%;
|
||||
// height: 50rem;
|
||||
max-height: 50rem;
|
||||
min-height: 30rem;
|
||||
// height: 50rem*1.2);
|
||||
max-height: calc(50rem*1.2);
|
||||
min-height: calc(30rem*1.2);
|
||||
width: auto;
|
||||
max-width: 60rem;
|
||||
max-width: calc(60rem*1.2);
|
||||
}
|
||||
.designOpenrtion_sketch_mask{
|
||||
z-index: 3;
|
||||
@@ -1027,8 +1029,8 @@ export default defineComponent({
|
||||
&.designOpenrtion_Mouoverall{
|
||||
opacity: 1;
|
||||
border: none;
|
||||
width: 1.4rem;
|
||||
height: 1.4rem;
|
||||
width: calc(1.4rem*1.2);
|
||||
height: calc(1.4rem*1.2);
|
||||
i{
|
||||
display: flex;
|
||||
color: #14bcff;
|
||||
@@ -1058,9 +1060,8 @@ export default defineComponent({
|
||||
li{
|
||||
cursor: pointer;
|
||||
// border-radius: 50%;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
padding: 1rem;
|
||||
width: calc(1rem*1.2);
|
||||
height: calc(1rem*1.2);
|
||||
background-color: rgb(20, 188, 255);
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
@@ -1104,8 +1105,8 @@ export default defineComponent({
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color: #14bcff;
|
||||
width: .2rem;
|
||||
height: 4rem;
|
||||
width: calc(.2rem*1.2);
|
||||
height: calc(3rem*1.2);
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
transform: translateX(-50%);
|
||||
@@ -1114,12 +1115,11 @@ export default defineComponent({
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color: #14bcff;
|
||||
top: calc(50% - 3rem);
|
||||
top: calc(50% - 3rem*1.2);
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%) ;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
padding: 1;
|
||||
width: calc(1.5rem*1.2);
|
||||
height: calc(1.5rem*1.2);
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
@@ -1128,8 +1128,8 @@ export default defineComponent({
|
||||
}
|
||||
.subitOkPreviewBtn{
|
||||
z-index: 2;
|
||||
margin: 1rem 0;
|
||||
width: 10rem;
|
||||
margin: calc(1rem*1.2) 0;
|
||||
width: calc(10rem*1.2);
|
||||
text-align: center;
|
||||
position: initial;
|
||||
transform: none;
|
||||
|
||||
Reference in New Issue
Block a user