neiyou_user_web/public/assets/custom/tour.js

(function (global, factory) {
    if (typeof define === "function" && define.amd) {
        define("/config/tour", ["Config"], factory);
    } else if (typeof exports !== "undefined") {
        factory(require("Config"));
    } else {
        var mod = {
            exports: {}
        };
        factory(global.Config);
        global.configTour = mod.exports;
    }
})(this, function (_Config) {
    "use strict";

    (0, _Config.set)('tour', {
        steps: [{
            element: "#toggerUsermenu",
            position: 'left',
            intro: "账号设置 <p class='content'>您可以在这里找到账号的基础设置页面！</p>"
        }, {
            element: "#home",
            position: "right",
            intro: "个人主页 <p class='content'>在这里您可以看到【软件设置教程】，【账号基础信息】 等信息</p>"
        }, {
            element: "#services",
            position: "right",
            intro: "购买服务 <p class='content'>在这里您可以购买本站的服务套餐，我们支持<strong>微信，支付宝，QQ在线支付</strong>，同时你也可以用之前充值的余额购买！</p>"
        }, {
            element: "#nodes",
            position: "right",
            intro: "我的线路 <p class='content'>在这里你可以完整的看到，您的账号可以使用的全部线路及其信息。</p>"
        }, {
            element: "#help",
            position: "right",
            intro: "帮助中心 <p class='content'>如果您在使用过程中存在问题，这里将是你需要来的第一站！我们在这里会不断的完善用户所遇到的问题库，并依依进行详细解答。</p>"
        }, {
            element: "#tickets",
            position: "right",
            intro: "人工服务 <p class='content'>在您发现帮助中心无法回答你的疑问时，你可以创建工单窗口，寻求客服人员帮助。使用前，记得关注一下客服的在线时间呦！</p>"
        }, {
            element: "#traffic",
            position: "right",
            intro: "流量记录 <p class='content'>在这里您可以查看您使用的流量信息</p>"
        }, {
            element: "#invoices",
            position: "right",
            intro: "我的账单 <p class='content'>在这里您可以查看历史购买记录</p>"
        }, {
            element: "#howtouse",
            position: "down",
            intro: "互动式教程 <p class='content'>在这里您看查看您需要下载的客户端以及如何设置他们</p>"
        }, {
            element: "#accountInfo",
            position: "left",
            intro: "账号信息 <p class='content'>在这里您看查看您账号的基础信息，比如账号流量使用情况，账号有效期等等</p>"
        }],
        skipLabel: '<i class=\'wb-close\'></i>',
        doneLabel: '<i class=\'wb-close\'></i>',
        nextLabel: '下一个 <i class=\'wb-chevron-right-mini\'></i>',
        prevLabel: '<i class=\'wb-chevron-left-mini\'></i>上一个',
        showBullets: true
    });
});