2020-08-06weui 的tabbar如何固定在底部

weui 的tabbar如何固定在底部

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

"zh-CN" xmlns:th="http://www.thymeleaf.org" style="height:100%;">

 

"height:100%;">

  class="page" style="height:100%;">

     class="page__bd" style="height: 100%;">

        class="weui-tab">

            class="weui-tab__panel">

             

            class="weui-tabbar tab-bottom">

                "'javasctipt:gototitlecard()'" class="weui-tabbar__item weui-bar__item_on">

                    "display: inline-block;position: relative;">

                        "./images/icon_tabbar.png" alt="" class="weui-tabbar__icon">

                        class="weui-badge" style="position: absolute;top: -2px;right: -13px;">8

                    

                    class="weui-tabbar__label">题卡

                

                "'javasctipt:collecttitle()'" class="weui-tabbar__item">

                    "./images/icon_tabbar.png" alt="" class="weui-tabbar__icon">

                    class="weui-tabbar__label">收藏

                

                "'javasctipt:outnotebox()'" class="weui-tabbar__item">

                    "display: inline-block;position: relative;">

                        "./images/icon_tabbar.png" alt="" class="weui-tabbar__icon">

                        class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -6px;">

                    

                    class="weui-tabbar__label">笔记发表

                

            

            class="weui-tabbar tab-bottom">

                "'javasctipt:pre()'" class="weui-tabbar__item">

                    "./images/icon_tabbar.png" alt="" class="weui-tabbar__icon">

                    class="weui-tabbar__label">上一题

                

                "'javasctipt:next()'" class="weui-tabbar__item">

                    "display: inline-block;position: relative;">

                        "./images/icon_tabbar.png" alt="" class="weui-tabbar__icon">

                        class="weui-badge weui-badge_dot" style="position: absolute;top: 0;right: -6px;">

                    

                    class="weui-tabbar__label">下一题

                

                "'javasctipt:submittitle()'" class="weui-tabbar__item">

                    "./images/icon_tabbar.png" alt="" class="weui-tabbar__icon">

                    class="weui-tabbar__label">提交

                

            

        

    

 

总之就是一定要加一个panel撑起来中间的部分,才可以让其余的部分下沉到底部去,

记录一下,防止再次遇到坑。

  

你可能感兴趣的:(web前端)