|
37 | 37 | </ul> |
38 | 38 | </div> |
39 | 39 | </div> |
40 | | - <p class="aui-text-center">.aui-tab .aui-tab-success</p> |
| 40 | + <p class="aui-text-center">其他配色</p> |
41 | 41 | <div class="aui-tab aui-tab-success"> |
42 | 42 | <ul class="aui-tab-nav"> |
43 | 43 | <li class="active">标签一</li> |
44 | 44 | <li>标签二</li> |
45 | 45 | <li>标签三</li> |
46 | 46 | </ul> |
47 | 47 | </div> |
| 48 | + <div class="aui-tab aui-tab-danger"> |
| 49 | + <ul class="aui-tab-nav"> |
| 50 | + <li class="active">标签一</li> |
| 51 | + <li>标签二</li> |
| 52 | + <li>标签三</li> |
| 53 | + </ul> |
| 54 | + </div> |
| 55 | + <div class="aui-tab aui-tab-warning"> |
| 56 | + <ul class="aui-tab-nav"> |
| 57 | + <li class="active">标签一</li> |
| 58 | + <li>标签二</li> |
| 59 | + <li>标签三</li> |
| 60 | + </ul> |
| 61 | + </div> |
| 62 | + <div class="aui-tab aui-tab-info"> |
| 63 | + <ul class="aui-tab-nav"> |
| 64 | + <li class="active">标签一</li> |
| 65 | + <li>标签二</li> |
| 66 | + <li>标签三</li> |
| 67 | + </ul> |
| 68 | + </div> |
| 69 | + <div class="aui-tab aui-tab-dark"> |
| 70 | + <ul class="aui-tab-nav"> |
| 71 | + <li class="active">标签一</li> |
| 72 | + <li>标签二</li> |
| 73 | + <li>标签三</li> |
| 74 | + </ul> |
| 75 | + </div> |
| 76 | + |
48 | 77 | <div class="aui-content-padded"> |
49 | 78 | <div class="aui-tab aui-tab-success"> |
50 | 79 | <ul class="aui-tab-nav aui-tab-border"> |
|
55 | 84 | </ul> |
56 | 85 | </div> |
57 | 86 | </div> |
58 | | - <p class="aui-text-center">.aui-tab .aui-tab-danger</p> |
59 | | - <div class="aui-tab aui-tab-danger"> |
60 | | - <ul class="aui-tab-nav"> |
61 | | - <li class="active">标签一</li> |
62 | | - <li>标签二</li> |
63 | | - <li>标签三</li> |
64 | | - </ul> |
65 | | - </div> |
66 | 87 | <div class="aui-content-padded"> |
67 | | - <div class="aui-tab aui-tab-danger"> |
| 88 | + <div class="aui-tab aui-tab-info"> |
68 | 89 | <ul class="aui-tab-nav aui-tab-border"> |
69 | 90 | <li class="active">标签一</li> |
70 | 91 | <li>标签二</li> |
|
73 | 94 | </ul> |
74 | 95 | </div> |
75 | 96 | </div> |
76 | | - |
77 | | - <p class="aui-text-center">.aui-tab .aui-tab-warning</p> |
78 | | - <div class="aui-tab aui-tab-warning"> |
79 | | - <ul class="aui-tab-nav"> |
80 | | - <li class="active">标签一</li> |
81 | | - <li>标签二</li> |
82 | | - <li>标签三</li> |
83 | | - </ul> |
84 | | - </div> |
85 | 97 | <div class="aui-content-padded"> |
86 | | - <div class="aui-tab aui-tab-warning"> |
| 98 | + <div class="aui-tab aui-tab-danger"> |
87 | 99 | <ul class="aui-tab-nav aui-tab-border"> |
88 | 100 | <li class="active">标签一</li> |
89 | 101 | <li>标签二</li> |
|
92 | 104 | </ul> |
93 | 105 | </div> |
94 | 106 | </div> |
95 | | - |
96 | | - <p class="aui-text-center">.aui-tab .aui-tab-info</p> |
97 | | - <div class="aui-tab aui-tab-info"> |
98 | | - <ul class="aui-tab-nav"> |
99 | | - <li class="active">标签一</li> |
100 | | - <li>标签二</li> |
101 | | - <li>标签三</li> |
102 | | - </ul> |
103 | | - </div> |
104 | 107 | <div class="aui-content-padded"> |
105 | | - <div class="aui-tab aui-tab-info"> |
| 108 | + <div class="aui-tab aui-tab-warning"> |
106 | 109 | <ul class="aui-tab-nav aui-tab-border"> |
107 | 110 | <li class="active">标签一</li> |
108 | 111 | <li>标签二</li> |
|
111 | 114 | </ul> |
112 | 115 | </div> |
113 | 116 | </div> |
114 | | - |
115 | | - <p class="aui-text-center">.aui-tab .aui-tab-dark</p> |
116 | | - <div class="aui-tab aui-tab-dark"> |
117 | | - <ul class="aui-tab-nav"> |
118 | | - <li class="active">标签一</li> |
119 | | - <li>标签二</li> |
120 | | - <li>标签三</li> |
121 | | - </ul> |
122 | | - </div> |
123 | | - <div class="aui-content-padded"> |
| 117 | + <div class="aui-content-padded"> |
124 | 118 | <div class="aui-tab aui-tab-dark"> |
125 | 119 | <ul class="aui-tab-nav aui-tab-border"> |
126 | 120 | <li class="active">标签一</li> |
|
130 | 124 | </ul> |
131 | 125 | </div> |
132 | 126 | </div> |
133 | | - |
134 | 127 | </body> |
135 | 128 | <script type="text/javascript" src="../script/api.js" ></script> |
136 | 129 | <script type="text/javascript"> |
|
0 commit comments