用户指引部署

This commit is contained in:
X1627315083
2024-08-16 15:40:25 +08:00
parent d36cf4332e
commit 426a125c26
16 changed files with 237 additions and 159 deletions

View File

@@ -111,15 +111,23 @@ function createDriver(){
{ element: '.Guide_1_25_1', popover: { title: '', description: i18n.guide47 ,side: "right",align: 'end' } },
{ element: '.Guide_1_26', popover: { title: '', description: i18n.guide48 } },
{ element: '.Guide_1_31', popover: { title: '', description: i18n.guide49 } },
{ element: '.Guide_1_32', popover: { title: '', description: i18n.guide50 } },
{ element: '.Guide_1_99', popover: { title: 'Begin Your Design', description: i18n.guide51 } },
{ element: '.Guide_1_32', popover: { title: '', description: i18n.guide51 ,side: "right",align: 'center'} },
{ element: '.Guide_1_33', popover: { title: '', description: i18n.guide52 } },
{ element: '.Guide_1_34', popover: { title: '', description: i18n.guide53 } },
{ element: '.Guide_1_35', popover: { title: '', description: i18n.guide54 } },
{ element: '.Guide_1_33', popover: { title: '', description: i18n.guide55 } },
{ element: '.Guide_1_36', popover: { title: '', description: i18n.guide56 } },
{ element: '.Guide_1_37', popover: { title: '', description: i18n.guide57 } },
{ element: '.Guide_1_38', popover: { title: '', description: i18n.guide58 } },
{ element: '.Guide_1_99', popover: { title: '', description: i18n.guide50 ,side: "right",align: 'center'} },
// { element: '.Guide_1_99', popover: { title: 'Begin Your Design', description: i18n.guide51 } },
],
// showProgress: true,//控制总页数和当前页数是否显示
allowClose:false,
showButtons:false,
stagePadding:10,//切口到元素的距离
stageRadius:5,//切口圆弧度
allowKeyboardControl:true,//控制是否可以键盘控制下一步
allowKeyboardControl:false,//控制是否可以键盘控制下一步
disableActiveInteraction:false,//是否禁用显示元素的交互
overlayOpacity:.4,
overlay: true,
@@ -137,10 +145,10 @@ function createDriver(){
driver : true,
stepsLenth:stepsLenth,
}
console.log(options.state.activeIndex);
// console.log(driverIndex__);
store?.commit("setGuide", data);
if(options.state.activeIndex == 0 ||
options.state.activeIndex == 34
options.state.activeIndex == 34
){
popover.wrapper.style.display = 'none'
}else{
@@ -152,13 +160,14 @@ function createDriver(){
}else if(options.state.activeIndex == 6 || options.state.activeIndex == 7){
popover.wrapper.style.transform = 'translateY(4rem)'
}else if(options.state.activeIndex == 41){
popover.wrapper.style.transform = 'translateY(-6rem)'
popover.wrapper.style.transform = 'translateY(-9rem)'
}else{
popover.wrapper.style.transform = 'initial'
}
if(
options.state.activeIndex >= 6 && options.state.activeIndex < 9 ||
options.state.activeIndex >= 14 && options.state.activeIndex < 15 ||
options.state.activeIndex == 52 ||
driverObj__.isLastStep()
){
popover.footer.style.display = 'block'
@@ -167,10 +176,10 @@ function createDriver(){
popover.footer.style.display = 'none'
popover.footerButtons.style.pointerEvents = 'none';
}
nextTick().then(()=>{
if(element){
element.classList.remove('Guide_')
}
if(element){
element.classList.remove('Guide_')
}
nextTick(()=>{
element = options.state.activeElement
element.classList.add('Guide_')
})
@@ -229,7 +238,6 @@ function removeDiv(element){
}
const openGuide = () =>{
return
let isTest = JSON.parse(getCookie('isTest'))
let isBeginner = JSON.parse(getCookie('isBeginner'))
// console.log(isBeginner);