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

60
src/component/HomePage/layout.vue
View File

@@ -4,7 +4,7 @@
class="layout_modal"
v-model:visible="layout"
:footer="null"
width="65%"
width="78%"
:maskClosable="false"
:centered="true"
:closable="false"
@@ -653,10 +653,10 @@ export default defineComponent({
.ant-modal-body {
padding: 0;
// height: calc(65vh - 6.4rem);
height: calc(100rem*.614);
height: calc(65rem*1.2);
}
.ant-modal-content{
border-radius: 1rem;
border-radius: calc(1rem*1.2);
}
.layout_content {
@@ -665,34 +665,34 @@ export default defineComponent({
height: 100%;
.collection_title{
position: absolute;
top: 4rem;
top: calc(4rem*1.2);
display: flex;
font-size: 1.8rem;
font-size: calc(1.8rem*1.2);
font-weight: 900;
color: rgba(0,0,0,.65);
align-items: center;
.collection_title_text{
margin-right: 4rem;
margin-right: calc(4rem*1.2);
}
.collection_title_text_intro{
font-size: 1.2rem;
font-size: calc(1.2rem*1.2);
font-weight: 400;
color: rgba(0,0,0,.45);
}
}
.collection_closeIcon{
position: absolute;
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;
@@ -705,7 +705,7 @@ export default defineComponent({
}
.layout_nav{
display: flex;
margin-top: 2rem;
margin-top: calc(2rem*1.2);
justify-content: center;
max-height: 13%;
overflow: hidden;
@@ -721,9 +721,9 @@ export default defineComponent({
overflow: hidden;
img{
object-fit: cover;
width:5rem;
width:calc(5rem*1.2);
cursor: pointer;
margin: 0 2rem;
margin: 0 calc(2rem*1.2);
max-height: 100%;
}
}
@@ -732,13 +732,13 @@ export default defineComponent({
.layout_centent{
display: flex;
// height: 55%;
height: 35rem;
width: 57rem;
height: calc(35rem*1.2);
width: calc(57rem*1.2);
// height: 60%;
flex-direction: column;
flex-wrap: wrap;
align-content: space-around;
margin: 3rem auto;
margin: calc(3rem*1.2) auto;
overflow: hidden;
// padding: 3rem 0;
justify-content: space-between;
@@ -762,8 +762,8 @@ export default defineComponent({
li{
cursor: pointer;
// border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
width: calc(1.5rem*1.2);
height: calc(1.5rem*1.2);
background-color: rgb(20, 188, 255);
position: absolute;
z-index: 1049;
@@ -814,8 +814,8 @@ export default defineComponent({
top: calc(50% - 30px);
left: 50%;
transform: translate(-50%,-50%) ;
width: 1.5rem;
height: 1.5rem;
width: calc(1.5rem*1.2);
height: calc(1.5rem*1.2);
border-radius: 50%;
}
.layout_translate{
@@ -827,8 +827,8 @@ export default defineComponent({
}
.layout_angle_tr,.layout_angle_tl,.layout_angle_br,.layout_angle_bl{
// opacity: 0;
width: .8rem;
height: .8rem;
width: calc(.8rem*1.2);
height: calc(.8rem*1.2);
}
.layout_angle_tr{
right: 0%;
@@ -911,7 +911,7 @@ export default defineComponent({
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 5rem;
left: calc(5rem*1.2);
overflow-x: hidden;
// background-color: #000;
width: 10%;
@@ -920,19 +920,19 @@ export default defineComponent({
display: none;
}
.layout_left_text{
font-size: 1.6rem;
margin-bottom: 1rem;
font-size: calc(1.6rem*1.2);
margin-bottom: calc(1rem*1.2);
color: #000;
}
.layout_left_items{
width: 100%;
height: 6rem;
height: calc(6rem*1.2);
display: flex;
align-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 2rem;
margin-bottom: calc(2rem*1.2);
cursor: pointer;
.layout_left_item{
box-sizing: border-box;
@@ -941,7 +941,7 @@ export default defineComponent({
}
}
.submit_button {
margin: 2rem auto 0;
margin: calc(2rem*1.2) auto 0;
position: relative;
z-index: 2;
}