ui/common[c1]Vx[/c1].css| 样式 | 内容 | 颜色 |
| p10 | padding: 10px; | |
| p15 | padding: 15px; | |
| p20 | padding: 20px; | |
| pl5 | padding-left: 5px; | |
| pl10 | padding-left: 10px; | |
| pl15 | padding-left:15px; | |
| pl50 | padding-left: 50px; | |
| pr5 | padding-right: 5px; | |
| pr10 | padding-right: 10px; | |
| pr15 | padding-right: 15px; | |
| pr50 | padding-right: 50px; | |
| pt5 | padding-top: 5px; | |
| pt10 | padding-top: 10px; | |
| pt15 | padding-top: 15px; | |
| pb5 | padding-bottom: 5px; | |
| pb10 | padding-bottom: 10px; | |
| pb15 | padding-bottom: 15px; | |
| ml10 | margin-left: 10px; | |
| ml15 | margin-left: 15px; | |
| mr10 | margin-right: 10px; | |
| mr15 | margin-right: 15px; | |
| mt10 | margin-top: 10px; | |
| mt15 | margin-top: 15px; | |
| mb10 | margin-bottom: 10px; | |
| mb15 | margin-bottom: 15px; | |
| b_c1 | background: #2196f3; | |
| b_c2 | background: #eeeeee; | |
| b_c3 | background: #ffffff; | |
| b_c4 | background: #dddddd; | |
| b_c5 | background: #f9f9f9; | |
| b_c6 | background: #000000; | |
| b_c7 | background: #f6f6f6; | |
| b_c8 | background: #E64340; | |
| c1 | color: #2196f3; | |
| c2 | color: #ccc; | |
| c3 | color: #fff; | |
| c4 | color: #999; | |
| c5 | color: #666; | |
| c6 | color: #333; | |
| c7 | color: #000; | |
| c8 | color: #069; | |
| c9 | color: #E64340; | |
| bot | border-top: 1px solid; | |
| bol | border-left: 1px solid; | |
| bor | border-right: 1px solid; | |
| bob | border-bottom: 1px solid; | |
| bo | border: 1px solid; | |
| o_c1 | border-color: #ddd; | |
| o_c2 | border-color: #2196f3; | |
| o_c3 | border-color: #eee; | |
| o_c4 | border-color: #f6f6f6; | |
| s0 | font-size: 0; | |
| s12 | font-size: 12px; | |
| s13 | font-size: 13px; | |
| s14 | font-size: 14px; | |
| s15 | font-size: 15px; | |
| s16 | font-size: 16px; | |
| s18 | font-size: 18px; | |
| s20 | font-size: 20px; | |
| s24 | font-size: 24px; | |
| fw | font-weight: 400; | |
| l | float: left; | |
| r | float: right; | |
| tc | text-align: center; | |
| tr | text-align: right; | |
| tl | text-align: left; | |
| block | display: block; | |
| flexbox | display: flex; | |
| flex | flex: 1; | |
| ellipsis | text-overflow: ellipsis; | |
| icon | 系统默认图标字体 | |
| icon-x | 与icon样式合用如“icon icon-close" | |
| abstract | font-style:oblique | |
| scrolly | 上下滑动容器 | |
| scrollx | 作于滑动容器 | |
| alert | 警告内容容器 | |
| notice | 通栏提示容器 | |
| topnv | 顶部导航条 | |
| swipernv | 顶部导航条页内切换效果一般是topnv和swipernv合用 | |
| box | 盒子容器与.box_title或.area_title合用 | |
| swiper | 幻灯片 | |
| navs | 顶部带有左右滑动的导航条 | |
| waterfall | 瀑布流 |