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

调整用户指引mood页

Browse Source
This commit is contained in:
X1627315083
2024-01-10 16:13:50 +08:00
parent bed614d417
commit 838d6e86bd
9 changed files with 57 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/assets/style/style.css
View File

@@ -195,6 +195,22 @@ li {
box-shadow: none;
}
}
.Guide_ .Guide_img {
filter: drop-shadow(0px 0px 2px #ff5f5f) drop-shadow(0px 0px 1px #ff5f5f);
animation: identifier_img 1s infinite linear;
display: block !important;
}
@keyframes identifier_img {
0% {
filter: none;
}
50% {
filter: drop-shadow(0px 0px 2px #ff5f5f) drop-shadow(0px 0px 1px #ff5f5f);
}
100% {
filter: none;
}
}
:not(body):has(>.driver-active-element) {
overflow: initial !important;
}

16
src/assets/style/style.less
View File

@@ -215,6 +215,22 @@ ul,li{
}
}
}
.Guide_img{
filter: drop-shadow(0px 0px 2px rgb(255, 95, 95))drop-shadow(0px 0px 1px rgb(255, 95, 95));
animation: identifier_img 1s infinite linear;
display: block !important;
@keyframes identifier_img {
0% {
filter: none;
}
50% {
filter: drop-shadow(0px 0px 2px rgb(255, 95, 95))drop-shadow(0px 0px 1px rgb(255, 95, 95));
}
100% {
filter: none;
}
}
}
}
:not(body):has(>.driver-active-element){

4
src/component/Detail/habit.vue
View File

@@ -137,14 +137,14 @@
<div class="model_img" v-show="systemSeleves" v-mousewheel>
<div class="model_img_item">
<div v-for="(item,index) in mannequins?.[0]?.modelList" :key="item.id">
<img :src="item?.presignedUrl" alt="" @click="setMannequins(item,'Library')">
<img :src="item?.presignedUrl" alt="" @click="setMannequins(item,'Library')" :class="[driver__.index == 4?driver__.driver?'Guide_img':'':'']">
</div>
</div>
</div>
<div class="model_img" v-show="!systemSeleves" v-mousewheel>
<div class="model_img_item">
<div v-for="(item,index) in mannequins?.[1]?.modelList" :key="item.id">
<img :src="item?.presignedUrl" alt="" @click="setMannequins(item,'System')">
<img :src="item?.presignedUrl" alt="" @click="setMannequins(item,'System')" :class="[driver__.index == 4?driver__.driver?'Guide_img':'':'']">
</div>
</div>
</div>

2
src/component/HomePage/Generate.vue
View File

@@ -398,7 +398,7 @@ export default defineComponent({
data.jsContent1 = this.t('uploadFile.jsContent1',{maxImg:maxImg})
this.store.commit("addGenerateMaterialFils", data);
// console.log(this.fileList);
let moodboard = this.store.state.UploadFilesModule.moodboard
let moodboard = this.store.state.UploadFilesModule.moodboardGenerateFiles
if(moodboard.length >= 2 && this.driver__.driver){
driverObj__.moveNext()
}

14
src/component/HomePage/Material.vue
View File

@@ -79,12 +79,13 @@
</template>
<script lang="ts">
import { defineComponent, computed, ref} from 'vue'
import { defineComponent, computed,inject, ref} from 'vue'
import { Https } from "@/tool/https";
import { message } from 'ant-design-vue';
import { useStore } from "vuex";
import GO from '@/tool/GO';
import { useI18n } from 'vue-i18n';
import { openGuide,driverObj__ } from "@/tool/guide";
export default defineComponent({
props: ["msg",'disignTypeList'],
@@ -101,6 +102,7 @@ export default defineComponent({
let searcMaterialhName:any = ref('') //搜索名字
let designType:any = ref(null)
// let disignTypeList:any = ref([
let driver__:any = inject('driver__')
// ])
let workspace:any = ref({})
@@ -120,7 +122,8 @@ export default defineComponent({
designType,
// disignTypeList,
workspace,
t
t,
driver__,
}
},
data (prop) {
@@ -268,6 +271,13 @@ export default defineComponent({
}
imgData.jsContent1 = this.t('uploadFile.jsContent1',{maxImg:maxImg})
this.store.commit("addGenerateMaterialFils", imgData);
let arr = this.store.state.UploadFilesModule.moodboardMaterialFiles
console.log(arr);
if(arr.length >=2 && this.selectCode == 'Moodboard'){
if(this.driver__.driver){
driverObj__.moveNext()
}
}
},
//选择所有的图片
async getLibraryList(str:any){

5
src/component/HomePage/MoodboardUpload.vue
View File

@@ -328,6 +328,11 @@ export default defineComponent({
}else{
this.store.commit("setMoodboardFile", fileList);
}
if(fileList.length >=2){
if(this.driver__.driver){
driverObj__.moveNext()
}
}
}else{
bor = false
}

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

@@ -186,7 +186,7 @@
<div class="modal_img">
<div v-for="item,index in generateList" class="modal_imgItem Guide_1_13_2" :class="[driver__.driver?'showEvents':'',item?.checked?'active':'']">
<img :src="item.imgUrl" @click="generageAdd(item)">
<div class="operate_file_block">
<div class="operate_file_block" :class="[driver__.driver?'hideEvents':'']">
<div class="select_img_type">
<div
class="select_category Guide_1_13"

4
src/lang/cn.ts
View File

@@ -356,7 +356,7 @@ export default {
guide4:'您目前可以从我们的系统库中选择人体模型。稍后，您还可以在注册自己的人体模型后从用户库中进行选择。',
guide5:'在这里开始您的创意之旅。 ',
guide6:'对于情绪板、印花或服装，我们提供三种不同的图片添加方法。第一种选择是<strong>上传</strong>，允许您直接从本地设备上传。',
guide7:"第二种方法是从您的<strong>我的</strong>中选择。<br> 您可能会注意到您的库页面目前是空的；不必担心。您上传的所有图像都将自动添加到您的库中。将来，您无需每次上传，只需从您的库中选择即可。",
guide7:"第二种方法是从您的<strong>收藏</strong>中选择。<br> 您可能会注意到您的库页面目前是空的；不必担心。您上传的所有图像都将自动添加到您的库中。将来，您无需每次上传，只需从您的库中选择即可。",
guide8:'第三种方法是使用最新的图像生成技术<strong>生成</strong>图像。',
guide9:"输入捕捉您希望表达的情绪的关键词，然后单击“生成”按钮。",
guide10:'为您的心情板选择两个图像。',
@@ -392,7 +392,7 @@ export default {
guide40:"点击您感兴趣的任何设计图片以修改细节。",
guide41:"点击衣服以修改其细节。",
guide42:"点击此处添加或更改印花。",
guide43:"您可以在我的中找到您之前上传的印花。",
guide43:"您可以在收藏中找到您之前上传的印花。",
guide44:"为此草图选择一个印花。",
guide45:"点击此处布局所选印花。",
guide46:"在此处预览印刷设计。",

3
src/tool/guide.js
View File

@@ -118,7 +118,7 @@ function createDriver(){
showButtons:false,
stagePadding:10,//切口到元素的距离
stageRadius:5,//切口圆弧度
allowKeyboardControl:false,//控制是否可以键盘控制下一步
allowKeyboardControl:true,//控制是否可以键盘控制下一步
disableActiveInteraction:false,//是否禁用显示元素的交互
overlayOpacity:.4,
overlay: true,
@@ -126,6 +126,7 @@ function createDriver(){
// prevBtnText: '‹—',
doneBtnText: '✕',
onPopoverRender: (popover, options) => {//每个步骤的元素和所有信息
// console.log(popover,options);
stepsLenth = options.config.steps.length
addClose()
popover.previousButton.style.display = 'none'