[html]view plain copy print?

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.Back<

/a>

16.

Single Page App

17.

18.

19.

20.

Lorem ipsum dolor sit amet, consectetur adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

21. Ut enim ad minim veniam, quis nostrud exercitation ullam

co laboris nisi ut aliquip ex ea commodo consequat.

22. Duis aute irure dolor in reprehenderit in voluptate veli

t esse cillum dolore eu fugiat nulla pariatur.

23. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia deserunt mollit anim id est laborum.

24.

25.

26.

27.

sketch

28.

09a6ecd3453610661fd9f487

29.

30.

31.home

32.Ske

tch

33.

Picture

34.

35.

36.

37.

运行效果

二、panel引入header标签

在内部，也就是和同一级的位置顶一个header 标签，并且命名id。然后再需要这个header的pane添加一个属性

data-header="custom_header"

[html]view plain copy print?

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.

Lorem ipsum dolor sit amet, consectetur adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

17. Ut enim ad minim veniam, quis nostrud exercitation ullam

co laboris nisi ut aliquip ex ea commodo consequat.

18. Duis aute irure dolor in reprehenderit in voluptate veli

t esse cillum dolore eu fugiat nulla pariatur.

19. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia deserunt mollit anim id est laborum.

20.

21.

22.

23.

sketch

24.

25.

26.

27.Back

28.

Single Page App

29.

30.

31.home

32.Ske

tch

33.

Picture

34.

09a6ecd3453610661fd9f487

35.

36.

[html]view plain copy print?

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.B

ack

17.

Single Page App

18.

19.

Lorem ipsum dolor sit amet, consectetur adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

20. Ut enim ad minim veniam, quis nostrud exercitation ullam

co laboris nisi ut aliquip ex ea commodo consequat.

21. Duis aute irure dolor in reprehenderit in voluptate veli

t esse cillum dolore eu fugiat nulla pariatur.

22. Excepteur sint occaecat cupidatat non proident, sunt in

culpa qui officia deserunt mollit anim id est laborum.

23.

24.

25.

26.

sketch

27.

28.

29.

09a6ecd3453610661fd9f487

30.

31.home

32.Ske

tch

33.

Picture

34.

35.

36.

37.

四、给相应的标签定义title属性，系统也会自动生成header

[html]view plain copy print?

1.

2.

3.

4.

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.data-footer="custom_footer">

16.

17.

18.

19.data-footer="custom_footer">

20.

21.

22.

23.

首页

24.

25.

09a6ecd3453610661fd9f487

29.

35.

36.

37.

38.