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

100
src/component/HomePage/SketchboardUpload.vue
View File

@@ -799,7 +799,7 @@ export default defineComponent({
height: 100%;
display: flex;
.modal_left {
padding-top: 4rem;
padding-top: calc(4rem*1.2);
width: 47%;
display: flex;
flex-direction: column;
@@ -811,14 +811,14 @@ 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: 8rem;
// margin-right: 2.2rem*1.2);
margin-right: calc(8rem*1.2);
color: #000;
cursor: pointer;
position: relative;
@@ -831,10 +831,10 @@ export default defineComponent({
content: "";
display: block;
background: #000;
height: .3rem;
height: calc(.3rem*1.2);
left: 50%;
transform: translateX(-50%);
bottom: .6rem;
bottom: calc(.6rem*1.2);
width: 0px;
transition: 0.3s all;
}
@@ -848,16 +848,16 @@ 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);
}
}
}
.sketchboard_body {
// height: calc(100% - 5rem);
// height: calc(100% - 5rem*1.2));
flex: 1;
padding-top: 2.5rem;
height: 30rem;
padding-top: calc(2.5rem*1.2);
height: calc(30rem*1.2);
overflow-x: hidden;
border-right: 1px solid #e5e5e5;
display: flex;
@@ -866,9 +866,9 @@ export default defineComponent({
display: none;
}
.upload_img_body {
height: calc(100% - 3rem);
height: calc(100% - 3rem*1.2);
overflow-y: auto;
margin-bottom: 1rem;
margin-bottom: calc(1rem*1.2);
&.upload_img_body::-webkit-scrollbar {
display: none;
}
@@ -876,11 +876,11 @@ export default defineComponent({
.upload_file_item{
margin: 0 2rem 4rem 0;
// margin: 0 2rem 2rem 0;
margin: 0 calc(2rem*1.2) calc(4rem*1.2) 0;
// margin: 0 2rem*1.2) 2rem*1.2) 0;
display: inline-block;
width: 10rem;
height: 10rem;
width: calc(10rem*1.2);
height: calc(10rem*1.2);
border: 1px solid #f5f5f5;
vertical-align: top;
position: relative;
@@ -898,10 +898,10 @@ export default defineComponent({
transform: translate(-50%, -50%);
}
:deep(.ant-upload-select-picture-card) {
width: 6rem;
height: 6rem;
border: 0.3rem solid #ededed;
border-radius: 1rem;
width: calc(6rem*1.2);
height: calc(6rem*1.2);
border: calc(0.3rem*1.2) solid #ededed;
border-radius: calc(1rem*1.2);
margin: 0;
}
.checked{
@@ -943,37 +943,37 @@ export default defineComponent({
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-size: calc(1.4rem*1.2);
color: #030303;
.icon-zhuyi {
font-size: 1.6rem;
margin-right: 0.7rem;
font-size: calc(1.6rem*1.2);
margin-right: calc(0.7rem*1.2);
}
}
}
}
.delete_like_file_block{
display: none;
width: 3.2rem;
height: 3.2rem;
width: calc(3.2rem*1.2);
height: calc(3.2rem*1.2);
background: rgba(0,0,0,0.6);
border-radius: 0.4rem;
border-radius: calc(0.4rem*1.2);
position: absolute;
top: 0.9rem;
right: 0.9rem;
top: calc(0.9rem*1.2);
right: calc(0.9rem*1.2);
text-align: center;
line-height: 3.2rem;
line-height: calc(3.2rem*1.2);
left: auto;
&.left{
left: .9rem;
left: calc(.9rem*1.2);
}
.icon-shanchu{
font-size: 1.6rem;
font-size: calc(1.6rem*1.2);
color: #fff;
}
i{
font-size: 1.6rem;
font-size: calc(1.6rem*1.2);
color: #fff;
&.fi-rr-heart{
@@ -987,7 +987,7 @@ export default defineComponent({
.modal_right{
flex: 1;
margin-left: 3rem;
margin-left: calc(3rem*1.2);
display: flex;
flex-direction: column;
.modal_layout,.modal_accomplish{
@@ -1002,8 +1002,8 @@ export default defineComponent({
}
.modal_layout{
.modal_img{
width: 40rem;
height: 5rem;
width: calc(40rem*1.2);
height: calc(5rem*1.2);
// overflow-x: hidden;
display: flex;
flex-direction: row;
@@ -1015,9 +1015,9 @@ export default defineComponent({
display: flex;
}
.modal_img_item{
width: 4rem;
height: 4rem;
margin: 0 1rem 1rem 0;
width: calc(4rem*1.2);
height: calc(4rem*1.2);
margin: 0 calc(1rem*1.2) calc(1rem*1.2) 0;
position: relative;
text-align: center;
cursor: pointer;
@@ -1048,8 +1048,8 @@ export default defineComponent({
}
}
.modal_accomplish{
// margin-top: 2rem;
height: 30rem;
// margin-top: 2rem*1.2);
height: calc(30rem*1.2);
display: flex;
flex-direction: column;
flex: 1;
@@ -1063,8 +1063,8 @@ export default defineComponent({
display: none;
}
.modal_text{
padding-top: 2rem;
padding-block: 2rem;
padding-top: calc(2rem*1.2);
padding-block:calc(2rem*1.2);
}
.input_box{
z-index: 1;
@@ -1082,10 +1082,10 @@ export default defineComponent({
align-content: flex-start;
position: relative;
.modal_imgItem{
margin: 0 2rem 4rem 0;
margin: 0 calc(2rem*1.2) calc(4rem*1.2) 0;
display: inline-block;
width: 10rem;
height: 10rem;
width: calc(10rem*1.2);
height: calc(10rem*1.2);
border: 1px solid #f5f5f5;
position: relative;
cursor: pointer;
@@ -1100,7 +1100,7 @@ export default defineComponent({
&.active{
opacity: 0.5;
// border: 2px solid;
border-radius: 1rem;
border-radius: calc(1rem*1.2);
transform: scale(0.9);
// img {
// }