aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

09-12

Browse Source
This commit is contained in:
WangXiaoDong
2023-09-12 10:11:27 +08:00
parent 3440f2f868
commit 173f35042d
71 changed files with 4291 additions and 1865 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/component/HomePage/Cropper.vue
View File

@@ -2,17 +2,21 @@
<a-modal class="modal_component cut_pricture_modal"
v-model:visible="cutPicuterModal"
:footer="null"
title="Cut picture"
width="115rem"
width="80%"
:maskClosable="false"
:centered="true"
:closable="false"
>
<template #closeIcon>
<div class="header_right_block" @click.stop="">
<div class="collection_title">
<div class="collection_title_text">
<div>Cut picture</div>
</div>
<div class="header_right_block" @click.stop="">
<div class="next_step_button" @click.stop="finishCropper()">Finish</div>
<div class="header_cancel_button" @click.stop="cancleCropper()">Cancel</div>
</div>
</template>
</div>
<div class="collection_modal_body">
<div class="cut_picture_left">
<div class="cut_picture_body">
@@ -153,6 +157,25 @@ export default defineComponent({
</script>
<style lang="less" scoped>
.cut_pricture_modal{
max-width: 1150px ;
.collection_title{
position: absolute;
width: calc(100% - 10rem);
top: 4rem;
display: flex;
font-size: 1.8rem;
font-weight: 900;
color: rgba(0,0,0,.65);
align-items: center;
.collection_title_text{
margin-right: 4rem;
}
.collection_title_text_intro{
font-size: 1.2rem;
font-weight: 400;
color: rgba(0,0,0,.45);
}
}
.header_right_block{
display: flex;
align-items: center;
@@ -163,10 +186,12 @@ export default defineComponent({
.next_step_button{
padding: 0 1.2rem;
height: 3.2rem;
background: linear-gradient(160deg, #AC2A3B, #292161);
// background: linear-gradient(160deg, #AC2A3B, #292161);
background: linear-gradient(-137deg, #eeefdb, #e7dbed);
border-radius: 1.6rem;
font-size: 1.4rem;
color: #FFFFFF;
color: #000;
line-height: 3.2rem;
margin-right: 1.6rem;
white-space: nowrap;
@@ -188,9 +213,9 @@ export default defineComponent({
.collection_modal_body{
height: 100%;
padding: 1rem 2.5rem 1.4rem 1.4rem;
// padding: 1rem 2.5rem 1.4rem 1.4rem;
box-sizing: border-box;
background: #F2F3FB;
// background: #F2F3FB;
display: flex;
justify-content: space-between;
@@ -204,7 +229,8 @@ export default defineComponent({
.cut_picture_body{
width: 100%;
height: 53rem;
height: 40rem;
// height: 53rem;
background: yellow;
}
@@ -279,7 +305,7 @@ export default defineComponent({
.cut_picture_review_block{
width: 100%;
padding: 0 2rem;
height: calc(100% - 5.8rem);
height: calc(100% - 6.8rem);
.cut_picture_review_item{
width: 100%;