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
2023-12-01 17:13:22 +08:00
parent 0c9e153157
commit 86697dc3dd
10 changed files with 139 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/tool/guide.js
View File

@@ -32,28 +32,27 @@ const driverObj__ = driver({
{ element: '.Guide_1_8', popover: { title: '', description: 'Click here for next step.' } },
{ element: '.Guide_1_2', popover: { title: '', description: 'Upload two sketches for your collection on this page' } },
{ element: '.Guide_1_14', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_13', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_13', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_13', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_14', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_15', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_16', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_17', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_18', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_19', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_20', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_21', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_22', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_23', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_24', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_25', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_26', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_27', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_28', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_29', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_30', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_16', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_13', popover: { title: '', description: 'Upload or select two sketches for your collection on this page.' } },
{ element: '.Guide_1_13_1', popover: { title: '', description: 'Choose correct category for the sketch.' } },
{ element: '.Guide_1_14', popover: { title: '', description: 'After you have confirmed categories of sketches are correct, click here to complete the uploading process.' } },
//开始design
{ element: '.Guide_1_15', popover: { title: '', description: 'Click here to let AI generate design illustrations.' } },
{ element: '.Guide_1_16', popover: { title: '', description: 'Please wait a few seconds.' } },
{ element: '.Guide_1_17', popover: { title: '', description: 'Click on any design image you are interested in to modify the details.' } },
// { element: '.Guide_1_18', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_19', popover: { title: '', description: 'Click on the clothes to modify its details.' } },
{ element: '.Guide_1_20', popover: { title: '', description: 'Click here to add or change the print.' } },
{ element: '.Guide_1_21', popover: { title: '', description: 'You can find the print you uploaded earlier in your Library.' } },
{ element: '.Guide_1_22', popover: { title: '', description: 'Select a print for this sketch.' } },
{ element: '.Guide_1_23', popover: { title: '', description: 'Click here to layout the selected print' } },
// { element: '.Guide_1_24', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_25', popover: { title: '', description: 'Preview printed design here.' } },
{ element: '.Guide_1_26', popover: { title: '', description: 'Click here to finalize your modification.' } },
{ element: '.Guide_1_27', popover: { title: '', description: 'You can change the mannequin and other settings in Workspace.' } },
{ element: '.Guide_1_28', popover: { title: '', description: 'Change the mannequin here.' } },
{ element: '.Guide_1_29', popover: { title: '', description: 'Select a mannequin of your choice from our system library.' } },
{ element: '.Guide_1_30', popover: { title: '', description: 'Click the ‘Redesign’ button to generate new results using the selected mannequin.' } },
{ element: '.Guide_1_99', popover: { title: 'Begin Your Design', description: 'Your guide is complete, and now the canvas is yours to create freely. For more insights and details, check out our demo video on the homepage at <a :href="https://code-create.com.hk/aida/" target="_blank"></a>' } },
],
// showProgress: true,//控制总页数和当前页数是否显示
allowClose:false,
@@ -68,7 +67,7 @@ const driverObj__ = driver({
// prevBtnText: '‹—',
doneBtnText: '✕',
onPopoverRender: (popover, options) => {//每个步骤的元素和所有信息
console.log(popover,options);
// console.log(popover,options,element);
if(element){
element.classList.remove('Guide_')
}
@@ -81,8 +80,8 @@ const driverObj__ = driver({
}
if(
// options.state.activeIndex >= 1 && options.state.activeIndex <= 2 ||
options.state.activeIndex >= 18 && options.state.activeIndex < 19 ||
options.state.activeIndex >= 24 && options.state.activeIndex < 25 ||
// options.state.activeIndex >= 18 && options.state.activeIndex < 19 ||
// options.state.activeIndex >= 24 && options.state.activeIndex < 25 ||
driverObj__.isLastStep()
){
popover.footer.style.display = 'block'
@@ -93,6 +92,7 @@ const driverObj__ = driver({
removeDiv(options.state.activeElement)
driver.classList.remove('showEvents')
}
// console.log(options.state.activeIndex);
driverIndex__ = driverObj__.getState().activeIndex
data = {
@@ -102,7 +102,6 @@ const driverObj__ = driver({
store?.commit("setGuide", data);
element = options.state.activeElement
element.classList.add('Guide_')
},
//销毁前
onDestroyStarted:()=>{