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

58
src/component/HomePage/collectionModal.vue
View File

@@ -3,7 +3,7 @@
<a-modal class="modal_component collection_modal Guide_1_2"
v-model:visible="showCollectionModal"
:footer="null"
width="65%"
width="78%"
:maskClosable="false"
:centered="true"
:closable="false"
@@ -306,18 +306,18 @@ export default defineComponent({
position: absolute;
}
.collection_title{
top: 4rem;
top: calc(4rem*1.2);
display: flex;
font-size: var(--aida-fsize2);
font-weight: 900;
color: rgba(0,0,0,.65);
z-index: 2;
align-items: center;
width: 35rem;
width: calc(35rem*1.2);
justify-content: space-between;
.collection_progress{
width: 8rem;
height: 8rem;
width: calc(8rem*1.2);
height: calc(8rem*1.2);
>div{
width: 100% !important;
height: 100% !important;
@@ -328,7 +328,7 @@ export default defineComponent({
}
}
.collection_title_text{
// margin-right: 4rem;
// margin-right: calc(4rem*1.2);
}
.collection_title_text_intro{
font-size: var(--aida-fsize1-4);
@@ -338,17 +338,17 @@ export default defineComponent({
}
.collection_closeIcon{
top: 2rem;
right: 2rem;
top: calc(2rem*1.2);
right: calc(2rem*1.2);
cursor: pointer;
width: 4rem;
height: 4rem;
width: calc(4rem*1.2);
height: calc(4rem*1.2);
display: flex;
align-items: center;
justify-content: center;
.fi-rr-cross-small::before{
padding: .2rem;
padding: calc(.2rem*1.2);
border-radius: 5px;
border: solid 2px rgba(0, 0, 0, 0.25);
transition: 1s all;
@@ -362,10 +362,10 @@ export default defineComponent({
.collection_page{
left: 50%;
transform: translateX(-50%);
bottom: 3rem;
bottom: calc(3rem*1.2);
display: flex;
.fi-rr-arrow-small-left{
margin-right: 10rem;
margin-right: calc(10rem*1.2);
}
.fi{
cursor: pointer;
@@ -385,36 +385,36 @@ export default defineComponent({
}
}
.header_icon_fanhui{
margin-right: 1rem;
font-size: 2rem;
margin-right: calc(1rem*1.2);
font-size: calc(2rem*1.2);
cursor: pointer;
}
.header_right_block{
display: flex;
align-items: center;
position: absolute;
right: 2.1rem;
right: calc(2.1rem*1.2);
height: 100%;
.next_step_button{
padding: 0 1.2rem;
height: 3.2rem;
padding: 0 calc(1.2rem*1.2);
height: calc(3.2rem*1.2);
background: #343579;
font-size: 1.4rem;
font-size: calc(1.4rem*1.2);
color: #FFFFFF;
line-height: 3.2rem;
margin-right: 1.6rem;
line-height: calc(3.2rem*1.2);
margin-right: calc(1.6rem*1.2);
white-space: nowrap;
cursor: pointer;
}
.header_cancel_button{
padding: 0 2.1rem;
height: 3.2rem;
padding: 0 calc(2.1rem*1.2);
height: calc(3.2rem*1.2);
background: #E4E5EB;
font-size: 1.4rem;
font-size: calc(1.4rem*1.2);
color: #030303;
line-height: 3.2rem;
line-height: calc(3.2rem*1.2);
white-space: nowrap;
cursor: pointer;
}
@@ -431,16 +431,16 @@ export default defineComponent({
// max-width: 1200px ;
// max-width: 1150px ;
.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: 8rem 5rem !important;
padding: calc(8rem*1.2) calc(5rem*1.2) !important;
// height: calc(65vh - 6.4rem);
height: calc(100rem*.614);
height: calc(65rem*1.2);
}
//进度完成字体颜色
@@ -449,7 +449,7 @@ export default defineComponent({
}
.ant-progress-circle .ant-progress-text{
color:rgba(0, 0, 0, 0.55);
font-size: 1.6rem;
font-size: calc(1.6rem*1.2);
}
}
}