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

77
src/component/HomePage/layoutMobile.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"
@@ -706,46 +706,46 @@ 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 {
// background: #f2f3fb;
// padding-bottom: 2.9rem;
// padding-bottom: 2.9rem*1.2);
height: 100%;
.collection_title{
position: absolute;
top: 4rem;
top: calc(4rem*1.2);
display: flex;
font-size: var(--aida-fsize2);
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;
@@ -758,7 +758,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;
@@ -774,9 +774,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%;
}
}
@@ -785,16 +785,15 @@ 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;
width: 50%;
margin: 3rem auto;
margin: calc(3rem*1.2) auto;
overflow: hidden;
// padding: 3rem 0;
// padding: 3rem*1.2) 0;
justify-content: space-between;
position: relative;
user-select:none
@@ -816,8 +815,8 @@ export default defineComponent({
li{
cursor: pointer;
// border-radius: 50%;
width: 2rem;
height: 2rem;
width: calc(2rem*1.2);
height: calc(2rem*1.2);
background-color: rgb(20, 188, 255);
position: absolute;
z-index: 1049;
@@ -868,8 +867,8 @@ export default defineComponent({
top: calc(50% - 30px);
left: 50%;
transform: translate(-50%,-50%) ;
width: 2rem;
height: 2rem;
width: calc(2rem*1.2);
height: calc(2rem*1.2);
border-radius: 50%;
}
.layout_translate{
@@ -881,8 +880,8 @@ export default defineComponent({
}
.layout_angle_tr,.layout_angle_tl,.layout_angle_br,.layout_angle_bl{
// opacity: 0;
width: 2rem;
height: 2rem;
width: calc(2rem*1.2);
height: calc(2rem*1.2);
}
.layout_angle_tr{
right: 0%;
@@ -965,7 +964,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%;
@@ -975,18 +974,18 @@ export default defineComponent({
}
.layout_left_text{
font-size: var(--aida-fsize1-6);
margin-bottom: 1rem;
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;
@@ -998,7 +997,7 @@ export default defineComponent({
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 5rem;
right: calc(5rem*1.2);
// background-color: #000;
width: 8%;
height: 50%;
@@ -1007,18 +1006,18 @@ export default defineComponent({
}
.layout_left_text{
font-size: var(--aida-fsize1-6);
margin-bottom: 1rem;
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;
@@ -1027,13 +1026,13 @@ export default defineComponent({
}
.ant-slider{
margin: 0;
margin-top: 2rem;
padding: 0 1rem;
margin-top: calc(2rem*1.2);
padding: 0 calc(1rem*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 {
@@ -1054,7 +1053,7 @@ export default defineComponent({
}
.submit_button {
margin: 2rem auto 0;
margin: calc(2rem*1.2) auto 0;
position: relative;
z-index: 2;
}