vue+vue-fullpage

 自定义了全屏切换事件，按钮，及样式，

export default {
  name: "LiveScreen",
  components: { CountTo, vueSeamlessScroll },
  data() {
    const _self = this;
    return {
      circle: "image://" + this.circle,
      timerNum: 10000,
      fullPageOptions: {
        licenseKey: "OPEN-SOURCE-GPLV3-LICENSE",
        // 是否显示导航，默认为false
        navigation: false,

        loopHorizontal: false,
        sectionsColor: ["#41b883", "#ff5f45"],
        afterLoad: this.afterPageLoad
      },
}}}

//page 切换
    afterPageLoad(origin, destination, direction) {
      this.screenList.forEach(function (obj) {
        obj.isActive = false;
      });
      this.screenList[destination.index].isActive = true;
    }