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

2023-11-24-dist

Browse Source
This commit is contained in:
X1627315083
2023-11-24 16:18:44 +08:00
parent dc2385a5a5
commit e908818d8d
40 changed files with 454 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/tool/guide.js
View File

@@ -5,6 +5,10 @@ import { useStore } from "vuex";
let driverIndex__ = 0
let store
let element
let data = {
index:driverIndex__,
driver:true,
}
const driverObj__ = driver({
steps: [
{ element: '#Guide_1_1', popover: { title: 'Title', description: 'Description' } },
@@ -23,6 +27,11 @@ const driverObj__ = driver({
{ 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' } },
],
// showProgress: true,//控制总页数和当前页数是否显示
@@ -35,12 +44,15 @@ const driverObj__ = driver({
overlayOpacity:.4,
overlay: true,
onPopoverRender: (popover, options) => {//每个步骤的元素和所有信息
// console.log(popover,options);
console.log(popover,options);
if(element){
element.classList.remove('Guide_')
}
popover.previousButton.style.display = 'none'
if(options.state.activeIndex >= 1 && options.state.activeIndex <= 2){
if(
options.state.activeIndex >= 1 && options.state.activeIndex <= 2 ||
options.state.activeIndex >= 18 && options.state.activeIndex <= 19
){
popover.footer.style.display = 'block'
addDiv(options.state.activeElement)
}else{
@@ -49,15 +61,24 @@ const driverObj__ = driver({
}
// console.log(options.state.activeIndex);
driverIndex__ = driverObj__.getState().activeIndex
let data = {
index:driverIndex__,
driver:true,
}
data.index = driverIndex__
store?.commit("setGuide", data);
element = options.state.activeElement
element.classList.add('Guide_')
},
//销毁前
onDestroyStarted:()=>{
// data.driver = false
store?.commit("setGuide", data);
driverObj__.destroy();//销毁方法
},
//销毁前
onDestroyed:()=>{
},
// onNextClick:(element, step, options) =>{
// console.log(element,step,options);
// driverObj__.moveNext()
@@ -100,7 +121,12 @@ function removeDiv(element){
const openGuide = () =>{
// driverObj__.drive();
store = useStore()
// driverObj__.moveTo(18);
let data = {
index:driverIndex__,
driver:false,
}
store?.commit("setGuide", data);
// driverObj__.moveNext();
// driverObj__.movePrevious();
}