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

fix

Browse Source
This commit is contained in:
X1627315083
2024-12-11 16:26:36 +08:00
parent 5d9dc7b77d
commit a6ae63e7cd
96 changed files with 6163 additions and 9414 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/component/WorksPage/newScaleImage.vue
View File

@@ -1,8 +1,10 @@
<template>
<div ref="newScaleImageModal"></div>
<a-modal
class="newScaleImage_modal generalModel"
v-model:visible="scaleImage"
:footer="null"
:get-container="() => $refs.newScaleImageModal"
width="78%"
:maskClosable="false"
:centered="true"
@@ -13,7 +15,11 @@
>
<div class="generalModel_btn">
<div class="generalModel_closeIcon" @click.stop="cancelDsign('')">
<i class="fi fi-rr-cross-small"></i>
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3"/>
<rect x="32.5063" y="12" width="3" height="29" rx="1.5" transform="rotate(45 32.5063 12)" fill="white"/>
<rect x="34.6274" y="32.5059" width="3" height="29" rx="1.5" transform="rotate(135 34.6274 32.5059)" fill="white"/>
</svg>
</div>
<!-- <div class="collection_closeIcon" @click.stop="download()">
<i class="fi fi-rr-down-to-line"></i>
@@ -692,8 +698,20 @@ export default defineComponent({
},
});
</script>
<style lang="less">
.newScaleImage_modal {
--margin: 3rem;
--padding: 2rem;
--border-color: #c4c4c4;
--background-color:#f5f5f5;
--count: 50;
--snap-size: 10rem;
--offset: 2;
--auther_wh: 8rem;
--content-height: 60rem;
}
</style>
<style lang="less" scoped>
.newScaleImage_modal {
.ant-modal-body{
padding: 9rem;
@@ -704,11 +722,6 @@ export default defineComponent({
display: flex;
&.newScaleImage_page::-webkit-scrollbar{display: none;}
}
--margin: 3rem;
--padding: 2rem;
--border-color: #c4c4c4;
--background-color:#f5f5f5;
.scaleImage_chunk_item{
background: var(--background-color);
padding: var(--padding);
@@ -833,7 +846,6 @@ export default defineComponent({
position: sticky;
top: 0;
.newScaleImage_content_right{
--content-height: 60rem;
display: flex;
width: 100%;
flex-wrap: wrap;
@@ -876,9 +888,7 @@ export default defineComponent({
}
}
--count: 50;
--snap-size: 10rem;
--offset: 2;
.nav_centent{
// width: auto;
display: flex;
@@ -934,7 +944,7 @@ export default defineComponent({
.newScaleImage_right_content{
display: flex;
flex-direction: column;
height: var(--content-height);
// height: var(--content-height);
.detail_left_right_item_click{
cursor: pointer;
i{
@@ -1247,7 +1257,8 @@ export default defineComponent({
width: 100%;
display: flex;
margin-top: var(--padding);
--auther_wh: 8rem;
.detail_right_auther_img_item{
text-align: center;
width: var(--auther_wh);

36
src/component/WorksPage/newScaleImageMobile.vue
View File

@@ -1,9 +1,11 @@
<template>
<!-- width="78%" -->
<div ref="newScaleImageMobileModal"></div>
<a-modal
class="newScaleImageMobile_modal generalModel"
v-model:visible="scaleImage"
:footer="null"
:get-container="() => $refs.newScaleImageMobileModal"
width="100%"
:maskClosable="false"
:centered="true"
@@ -14,7 +16,11 @@
>
<div class="generalModel_btn">
<div class="generalModel_closeIcon" @click.stop="cancelDsign('')">
<i class="fi fi-rr-cross-small"></i>
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3"/>
<rect x="32.5063" y="12" width="3" height="29" rx="1.5" transform="rotate(45 32.5063 12)" fill="white"/>
<rect x="34.6274" y="32.5059" width="3" height="29" rx="1.5" transform="rotate(135 34.6274 32.5059)" fill="white"/>
</svg>
</div>
<!-- <div class="collection_closeIcon" @click.stop="download()">
<i class="fi fi-rr-down-to-line"></i>
@@ -608,8 +614,20 @@ export default defineComponent({
},
});
</script>
<style lang="less">
.newScaleImageMobile_modal {
--margin: 3rem;
--padding: 2rem;
--border-color: #c4c4c4;
--background-color:#f5f5f5;
--content-height: 60rem;
--auther_wh: 8rem;
--count: 50;
--snap-size: 10rem;
--offset: 2;
}
</style>
<style lang="less" scoped>
.swiper{
padding-bottom: 2rem;
}
@@ -640,10 +658,7 @@ export default defineComponent({
&.newScaleImageMobile_page::-webkit-scrollbar{display: none;}
}
--margin: 3rem;
--padding: 2rem;
--border-color: #c4c4c4;
--background-color:#f5f5f5;
.scaleImage_chunk_item{
// background: var(--background-color);
padding: var(--padding) 0;
@@ -763,7 +778,6 @@ export default defineComponent({
top: 0;
height: 55vh;
.newScaleImageMobile_content_right{
--content-height: 60rem;
display: flex;
width: 100%;
flex-wrap: wrap;
@@ -791,9 +805,7 @@ export default defineComponent({
}
}
--count: 50;
--snap-size: 10rem;
--offset: 2;
.nav_centent{
// width: auto;
display: flex;
@@ -849,7 +861,7 @@ export default defineComponent({
.newScaleImageMobile_right_content{
display: flex;
flex-direction: column;
height: var(--content-height);
// height: var(--content-height);
.detail_left_right_item_click{
cursor: pointer;
i{
@@ -1163,7 +1175,7 @@ export default defineComponent({
width: 100%;
display: flex;
margin-top: var(--padding);
--auther_wh: 8rem;
.detail_right_auther_img_item{
text-align: center;
width: var(--auther_wh);

8
src/component/WorksPage/publish.vue
View File

@@ -1,8 +1,10 @@
<template>
<div ref="publishModal"></div>
<a-modal
class="publish_modal generalModel"
v-model:visible="publish"
:footer="null"
:get-container="() => $refs.publishModal"
width="50%"
:maskClosable="false"
:centered="true"
@@ -12,7 +14,11 @@
>
<div class="generalModel_btn">
<div class="generalModel_closeIcon" @click.stop="cancelDsign()">
<i class="fi fi-rr-cross-small"></i>
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3"/>
<rect x="32.5063" y="12" width="3" height="29" rx="1.5" transform="rotate(45 32.5063 12)" fill="white"/>
<rect x="34.6274" y="32.5059" width="3" height="29" rx="1.5" transform="rotate(135 34.6274 32.5059)" fill="white"/>
</svg>
</div>
</div>
<div class="publish_content">