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

修复ipad图层编辑

Browse Source
This commit is contained in:
X1627315083
2023-12-01 15:02:37 +08:00
parent dcfd96516b
commit 0c9e153157
24 changed files with 130 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/tool/guide.js
View File

@@ -12,42 +12,48 @@ let data = {
}
const driverObj__ = driver({
steps: [
{ element: '.Guide_1_1', popover: { title: 'Title', description: 'Description' } },
// { element: '.Guide_1_2', popover: { title: 'Title', description: 'Description' } },
// { element: '.Guide_1_2', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_4', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_5', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_6', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_7', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_8', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_2', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_8', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_10', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_11', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_1', popover: { title: '', description: 'Begin your creative journey here.' } },
// { element: '.Guide_1_2', popover: { title: '', description: 'Description' } },
// { element: '.Guide_1_2', popover: { title: '', description: 'Description' } },
{ element: '.Guide_1_4', popover: { title: '', description: 'Click here to try the latest image generation technology to create your mood board.' } },
{ element: '.Guide_1_5', popover: { title: '', description: "Enter keywords that capture the mood you wish to express and then click the 'Generate' button." } },
{ element: '.Guide_1_6', popover: { title: '', description: 'Select three images for your moodboard.' } },
{ element: '.Guide_1_7', popover: { title: '', description: 'Click here to layout your moodboard.' } },
{ element: '.Guide_1_8', popover: { title: '', description: 'Click here for next step.' } },
//以上moodboard
{ element: '.Guide_1_2', popover: { title: '', description: 'Upload two print images here' } },
{ element: '.Guide_1_8', popover: { title: '', description: 'Click here for next step.' } },
{ element: '.Guide_1_10', popover: { title: '', description: 'Click here to extract primary colors from image.' } },
{ element: '.Guide_1_11', popover: { title: '', description: 'Select the color you want from these color blocks as the first color.' } },
{ element: '.Guide_1_11_1', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_11', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_11_1', popover: { title: '', description: 'Click on this block to select the second color.' } },
{ element: '.Guide_1_11_2', popover: { title: '', description: 'Choose the color you want from these color blocks.' } },
{ element: '.Guide_1_8', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_2', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_14', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_15', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_16', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_17', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_18', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_19', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_20', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_21', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_22', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_23', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_24', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_25', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_26', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_27', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_28', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_29', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_30', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_16', popover: { title: 'Title', description: 'Description' } },
{ 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' } },
],
// showProgress: true,//控制总页数和当前页数是否显示
allowClose:false,
@@ -62,7 +68,7 @@ const driverObj__ = driver({
// prevBtnText: '‹—',
doneBtnText: '✕',
onPopoverRender: (popover, options) => {//每个步骤的元素和所有信息
// console.log(popover,options);
console.log(popover,options);
if(element){
element.classList.remove('Guide_')
}
@@ -156,6 +162,7 @@ function removeDiv(element){
const openGuide = () =>{
let isBeginner = JSON.parse(getCookie('isBeginner'))
console.log(isBeginner);
let data
// console.log(isBeginner);
if(isBeginner){
@@ -171,12 +178,12 @@ const openGuide = () =>{
driver:false,
}
}
// driverObj__.destroy();
driverObj__.drive();
driverObj__.destroy();
// driverObj__.drive();
data = {
index:driverIndex__,
driver:true,
driver:false,
}
store = useStore()
// driverObj__.moveTo(18);