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

2023-11-23-1

Browse Source
This commit is contained in:
X1627315083
2023-11-23 11:15:10 +08:00
parent 4baf8f3e3e
commit 25c0a80bb4
8 changed files with 156 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/component/HomePage/collectionModal.vue
View File

@@ -1,6 +1,6 @@
<template>
<div v-if="showCollectionModal">
<a-modal class="modal_component collection_modal Guide_1_2"
<a-modal class="modal_component collection_modal Guide_ Guide_1_2"
v-model:visible="showCollectionModal"
:footer="null"
width="65%"
@@ -32,11 +32,11 @@
</div> -->
<i class="fi fi-rr-cross-small"></i>
</div>
<div class="collection_page">
<div class="collection_page" :class="[driver__.driver?'hideEvents':'']">
<!-- <div v-if="collectionStep < 5" class="next_step_button" @click.stop="nextStep()">Next Step</div> -->
<!-- <div v-else class="next_step_button" @click.stop="finishCollection()">Finish</div> -->
<i v-show="collectionStep > 1" class="fi fi-rr-arrow-small-left" @click="lastStep()"></i>
<i v-if="collectionStep < 4" class="fi fi-rr-arrow-small-right" @click.stop="nextStep()"></i>
<i v-if="collectionStep < 4" class="fi fi-rr-arrow-small-right Guide_ Guide_1_8" @click.stop="nextStep()"></i>
<!-- <i v-else class="fi fi-rr-arrow-small-right" @click.stop="finishCollection()"></i> -->
<i v-else class="fi fi-rr-check" @click.stop="finishCollection()"></i>
<!-- <span class="icon iconfont icon-fanhui header_icon_fanhui" @click="lastStep()"></span> -->
@@ -54,7 +54,7 @@
</template>
<script lang="ts">
import { defineComponent ,createVNode, ref, computed } from 'vue'
import { defineComponent ,createVNode, ref, computed,provide } from 'vue'
import Generate from '@/component/HomePage/Generate.vue'
import MoodboardUpload from '@/component/HomePage/MoodboardUpload.vue'
@@ -65,6 +65,7 @@ import MarketingSketchUpload from '@/component/HomePage/MarketingSketchUpload.vu
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { Modal,message } from 'ant-design-vue';
import {useStore} from 'vuex'
import { openGuide,driverObj__ } from "@/tool/guide";
import GO from "@/tool/GO";
import { useI18n } from 'vue-i18n'
export default defineComponent({
@@ -79,7 +80,12 @@ export default defineComponent({
setup(){
const store = useStore()
let {t} = useI18n()
let driver__:any = computed(()=>{
return store.state.Guide.guide
})
provide('driver__',driver__)
return {
driver__,
t,
}
},
@@ -114,6 +120,7 @@ export default defineComponent({
return
}
}
driverObj__.moveNext()
this.collectionStep = this.collectionStep + 1
},
@@ -235,11 +242,15 @@ export default defineComponent({
left: 50%;
transform: translateX(-50%);
bottom: 3rem;
height: 3.2rem;
display: flex;
.fi-rr-arrow-small-left{
margin-right: 10rem;
}
.fi{
cursor: pointer;
display: flex;
height: 100%;
}
.fi::before{
padding: 5px;