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

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

@@ -5,7 +5,7 @@
:class="[driver__.driver?'hideEvents':'']"
v-model:visible="designDetailShow"
:footer="null"
width="65%"
width="78%"
:maskClosable="false"
:centered="true"
:keyboard="false"
@@ -968,27 +968,27 @@ export default defineComponent({
// max-width: 1440px ;
.ant-modal-content{
border-radius: 1rem;
border-radius: calc(1rem*1.2);
// overflow: hidden;
.ant-modal-header{
background-color: #fff;
border-bottom: none;
}
.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);
display: flex;
overflow-y: hidden;
flex-direction: column;
}
}
.ant-modal-close{
width: 3.6rem;
height: 3.6rem;
width: calc(3.6rem*1.2);
height: calc(3.6rem*1.2);
position: absolute;
top: -1.8rem;
right: -1.8rem;
top: calc(-1.8rem*1.2);
right: calc(-1.8rem*1.2);
}
.ant-modal-header{
@@ -999,26 +999,26 @@ export default defineComponent({
.turn_button{
width: 3.6rem;
height: 3.6rem;
width: calc(3.6rem*1.2);
height: calc(3.6rem*1.2);
background: #000000;
border-radius: 50%;
position: absolute;
top: calc(50% - 1.8rem);
top: calc(50% - calc(1.8rem*1.2));
cursor: pointer;
line-height: 3.6rem;
line-height: calc(3.6rem*1.2);
text-align: center;
&.turn_left_button{
left: -8rem;
left: calc(-8rem*1.2);
}
&.turn_right_button{
right: -8rem;
right: calc(-8rem*1.2);
}
.icon_turn{
font-size: 2.4rem;
font-size: calc(2.4rem*1.2);
color: #ffffff;
}
}
@@ -1031,11 +1031,11 @@ export default defineComponent({
justify-content: space-between;
width: 100%;
overflow: hidden;
// padding: 1.5rem 1rem 2.5rem;
// padding: 1.5rem*1.2) 1rem*1.2) 2.5rem*1.2);
box-sizing: border-box;
.detail_modal_body_img{
overflow: hidden;
// width: 43.3rem;
// width: 43.3rem*1.2);
width: 23%;
height: 100%;
background: #FFFFFF;
@@ -1054,7 +1054,7 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: center;
font-size: 3.4rem;
font-size: calc(3.4rem*1.2);
}
.detail_modal_body_nav{
display: flex;
@@ -1065,11 +1065,11 @@ export default defineComponent({
transform: translate(-50%,-120%);
transition: all .3s;
>div{
width: 4rem;
height: 4rem;
width: calc(4rem*1.2);
height: calc(4rem*1.2);
cursor: pointer;
text-align: center;
margin-left: .3rem;
margin-left: calc(.3rem*1.2);
img{
// width: 100%;
height: 100%;
@@ -1085,7 +1085,7 @@ export default defineComponent({
}
}
>div:nth-child(1){
margin-left: 0rem;
margin-left: calc(0rem*1.2);
}
}
.detail_modal_item_front:last-child{
@@ -1147,7 +1147,7 @@ export default defineComponent({
}
.subitOkPreviewBtn{
bottom: 2rem;
bottom: calc(2rem*1.2);
z-index: 999;
}
.clothes_item_img_block{
@@ -1176,17 +1176,17 @@ export default defineComponent({
}
&.fi-rr-edit{
left: 0;
top: 3rem;
top: calc(3rem*1.2);
transform: translateX(-120%);
}
&.fi-rr-trash{
left: 0;
top: 6rem;
top: calc(6rem*1.2);
transform: translateX(-120%);
}
&.fi-br-check{
left: 0;
top: 6rem;
top: calc(6rem*1.2);
transform: translateX(-120%);
}
&.fi-rr-copy{
@@ -1195,12 +1195,12 @@ export default defineComponent({
transform: translateX(120%);
}
&.icon-fanchehui{
top: 6rem;
top: calc(6rem*1.2);
right: 0;
transform: translateX(120%);
}
&.icon-chehui{
top: 3rem;
top: calc(3rem*1.2);
right: 0;
transform: translateX(120%);
}
@@ -1255,7 +1255,7 @@ export default defineComponent({
}
}
.clothes_detail_item{
// margin-bottom: 5rem;
// margin-bottom: 5rem*1.2);
flex: 1;
.centent_div{
display: flex;
@@ -1272,16 +1272,16 @@ export default defineComponent({
}
.clothes_item_header{
// height: 6.4rem;
margin-bottom: 1rem;
// height: 6.4rem*1.2);
margin-bottom: calc(1rem*1.2);
display: flex;
font-size: var(--aida-fsize1-8);
color: #000000;
justify-content: space-between;
.icon-dangqianweizhi{
font-size: 1.8rem;
font-size: calc(1.8rem*1.2);
color: #000000;
margin-right: 1rem;
margin-right: calc(1rem*1.2);
}
i{
font-size: var(--aida-fsize1-8);
@@ -1293,8 +1293,8 @@ export default defineComponent({
}
}
img{
width: 10rem;
height: 10rem;
width: calc(10rem*1.2);
height: calc(10rem*1.2);
}
&.clothes_detail_item_apparel{
img{
@@ -1307,18 +1307,18 @@ export default defineComponent({
vertical-align: top;
border: 1px solid #ebe9e9;
.color_content{
width: 8rem;
height: 4rem;
width: calc(8rem*1.2);
height: calc(4rem*1.2);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.color_content_body{
.color_des{
font-size: 1.2rem;
font-size: calc(1.2rem*1.2);
font-weight: 600;
white-space: nowrap;
width: 8rem;
width: calc(8rem*1.2);
overflow: hidden;
text-overflow: ellipsis;
}
@@ -1334,12 +1334,12 @@ export default defineComponent({
align-items: center;
justify-content: center;
zoom: 3;
margin: 1rem 0;
margin: calc(1rem*1.2) 0;
}
}
&.subitOkPreviewBtn{
position: relative;
margin-top: 2rem;
margin-top: calc(2rem*1.2);
}
}
}
@@ -1355,13 +1355,13 @@ 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: 2.2rem*1.2);
color: #000;
cursor: pointer;
position: relative;
@@ -1374,10 +1374,10 @@ export default defineComponent({
content: "";
display: block;
background: #000;
height: .4rem;
height: calc(.4rem*1.2);
left: 50%;
transform: translateX(-50%);
bottom: .6rem;
bottom: calc(.6rem*1.2);
width: 0px;
transition: 0.3s all;
}
@@ -1391,8 +1391,8 @@ 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);
}
}
}
@@ -1408,7 +1408,7 @@ export default defineComponent({
&.design_detail_perview_second{
width: 100%;
height: 100%;
padding: 0.7rem 9.1rem 0.6rem;
padding: calc(0.7rem*1.2) calc(9.1rem*1.2) calc(0.6rem*1.2);
display: flex;
justify-content: space-between;
align-items: center;
@@ -1430,13 +1430,13 @@ export default defineComponent({
.generate_button{
position: absolute;
top: 0;
right: -20.2rem;
padding: 0 1.5rem;
right: calc(-20.2rem*1.2);
padding: 0 calc(1.5rem*1.2);
text-align: center;
height: 3.6rem;
line-height: 3.6rem;
height: calc(3.6rem*1.2);
line-height: calc(3.6rem*1.2);
background: #343579;
font-size: 1.4rem;
font-size: calc(1.4rem*1.2);
font-family: Roboto;
color: #FFFFFF;
cursor: pointer;
@@ -1456,22 +1456,22 @@ export default defineComponent({
display: none;
.img_operate_block{
width: 3.6rem;
height: 3.6rem;
width:calc(3.6rem*1.2);
height: calc(3.6rem*1.2);
background: rgba(0,0,0,0.6);
border-radius: 50%;
position: absolute;
right: 2.2rem;
right: calc(2.2rem*1.2);
text-align: center;
line-height: 3.6rem;
line-height: calc(3.6rem*1.2);
cursor: pointer;
&.delete_img_block{
top: 2rem;
top: calc(2rem*1.2);
}
.operate_icon{
font-size: 1.8rem;
font-size: calc(1.8rem*1.2);
color: #fff;
}
}