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

109
src/component/HomePage/PrintboardUpload.vue
View File

@@ -221,7 +221,7 @@ export default defineComponent({
swtich_type:'upload',
indicator : h(LoadingOutlined, {
style: {
fontSize: '2.4rem',
fontSize: '2.4rem*1.2)',
},
spin: true,
}),
@@ -782,18 +782,13 @@ export default defineComponent({
</script>
<style lang="less" scoped>
.printboard_upload_modal{
// padding: 1rem 1rem 1.8rem 1rem;
// padding: calc(1rem*1.2) calc(1rem*1.2) calc(1.8rem*1.2) calc(1rem*1.2);
height: 100%;
display: flex;
.printboard_left_upload{
// width: calc(100% - 39.8rem);
// height: 100%;
// background: #fff;
// padding: 0.5rem 2.2rem 2rem 2.6rem;
// box-sizing: border-box;
display: flex;
flex-direction: column;
padding-top: 4rem;
padding-top: calc(4rem*1.2);
width: 47%;
.switch_type_list {
display: flex;
@@ -803,14 +798,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;
@@ -823,10 +818,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;
}
@@ -840,8 +835,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);
}
}
}
@@ -849,30 +844,30 @@ export default defineComponent({
.printboard_body{
display: flex;
flex-direction: column;
// 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;
&.printboard_body::-webkit-scrollbar {
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;
}
}
.upload_file_item{
margin: 0 2rem 5rem 0;
// margin: 0 2rem 2rem 0;
margin: 0 calc(2rem*1.2) calc(5rem*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;
@@ -897,10 +892,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;
}
}
@@ -941,37 +936,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{
@@ -984,7 +979,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{
@@ -999,8 +994,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;
@@ -1008,9 +1003,9 @@ export default defineComponent({
display: none;
}
.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;
cursor: pointer;
text-align: center;
@@ -1040,8 +1035,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;
@@ -1057,8 +1052,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{
input{
@@ -1074,10 +1069,10 @@ export default defineComponent({
position: relative;
align-content: flex-start;
.modal_imgItem{
margin: 0 2rem 5rem 0;
margin: 0 calc(2rem*1.2) calc(5rem*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;
@@ -1093,7 +1088,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 {
}