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

2023-11-30-修改切换语言位置，

Browse Source
This commit is contained in:
X1627315083
2023-11-30 10:54:22 +08:00
parent f484162aa4
commit 6c68ac14b4
37 changed files with 221 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/tool/guide.js
View File

@@ -1,4 +1,5 @@
import { driver } from "driver.js";
import { setCookie, getCookie, WriteCookie } from "@/tool/cookie";
import "driver.js/dist/driver.css";
import { useStore } from "vuex";
//版本一
@@ -15,38 +16,38 @@ const driverObj__ = driver({
// { 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_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_11_1', popover: { title: 'Title', description: 'Description' } },
{ element: '.Guide_1_11', popover: { title: 'Title', description: 'Description' } },
// { element: '.Guide_1_11_1', popover: { title: 'Title', description: 'Description' } },
// { element: '.Guide_1_11', 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_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: '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' } },
],
// showProgress: true,//控制总页数和当前页数是否显示
allowClose:false,
@@ -72,7 +73,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 >= 24 && options.state.activeIndex < 25 ||
driverObj__.isLastStep()
){
popover.footer.style.display = 'block'
driver.classList.add('showEvents')
@@ -100,6 +102,7 @@ const driverObj__ = driver({
driver : false,
}
store?.commit("setGuide", data);
setCookie("isBeginner", false);
driverObj__.destroy();//销毁方法
},
//销毁前
@@ -147,14 +150,26 @@ function removeDiv(element){
mask.remove()
}
}
const openGuide = () =>{
driverObj__.drive();
let isBeginner = JSON.parse(getCookie('isBeginner'))
let data
// console.log(isBeginner);
if(!isBeginner){
driverObj__.drive();
data = {
index:driverIndex__,
driver:true,
}
}else{
driverObj__.destroy();
data = {
index:driverIndex__,
driver:false,
}
}
store = useStore()
// driverObj__.moveTo(18);
let data = {
index:driverIndex__,
driver:true,
}
store?.commit("setGuide", data);
// driverObj__.moveNext();
// driverObj__.movePrevious();