用户指引部署
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user