'初始化'

admin

2020-12-08 7f2d1daf6af6ecebad84d80de46a0e5024bbf5da

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
import fmtEvent from '../_util/fmtEvent';
Component({
  props: {
    btn_next: '下一步',
    btn_jump: '跳过',
    btn_over: '知道了',
    hasJump: false,
    show: false,
    guideList: [],
    onGuideOver: function onGuideOver() {},
    maskClick: false
  },
  data: {
    guideNumber: 1,
    guideCurrent: 1,
    guideLast: 1,
    showGuideList: []
  },
  didMount: function didMount() {
    var guideList = this.props.guideList;
    this.setData({
      guideNumber: guideList.length,
      guideCurrent: guideList.length,
      showGuideList: guideList[this.data.guideNumber - this.data.guideCurrent]
    });
  },
  didUpdate: function didUpdate() {
    var guideList = this.props.guideList;
 
    if (this.data.guideCurrent - 1 >= 0) {
      this.setData({
        guideCurrent: this.data.guideCurrent,
        showGuideList: guideList[this.data.guideNumber - this.data.guideCurrent]
      });
    }
  },
  methods: {
    onBtnClick: function onBtnClick() {
      if (this.data.guideCurrent > this.data.guideLast) {
        this.setData({
          guideCurrent: this.data.guideCurrent - 1
        });
      } else {
        this.props.show = false;
      }
    },
    onGuideClick: function onGuideClick(e) {
      this.props.show = false;
      var onGuideOver = this.props.onGuideOver;
 
      if (onGuideOver !== '' && typeof onGuideOver === 'function') {
        var event = fmtEvent(this.props, e);
        onGuideOver(event);
      }
    },
    onMaskTap: function onMaskTap(e) {
      var maskClick = this.props.maskClick;
      var event = fmtEvent(this.props, e);
 
      if (maskClick === true) {
        if (this.data.guideCurrent > this.data.guideLast) {
          this.onBtnClick();
        } else {
          this.onGuideClick(event);
        }
      }
    }
  }
});