navBar.wxss 582 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /* common.wxss */
  2. /* @import "/utils/common.wxss"; */
  3. /* 导航组 */
  4. .diy-navBar .data-list::after {
  5. clear: both;
  6. content: " ";
  7. display: table;
  8. }
  9. .diy-navBar .item-nav {
  10. float: left;
  11. margin: 10px 0;
  12. text-align: center;
  13. }
  14. .diy-navBar .item-nav .item-image {
  15. margin-bottom: 4px;
  16. font-size: 0;
  17. }
  18. .diy-navBar .item-nav .item-image .image {
  19. width: 88rpx;
  20. height: 88rpx;
  21. }
  22. /* 分列布局 */
  23. .diy-navBar .avg-sm-3 > .item-nav {
  24. width: 33.33333333%;
  25. }
  26. .diy-navBar .avg-sm-4 > .item-nav {
  27. width: 25%;
  28. }
  29. .diy-navBar .avg-sm-5 > .item-nav {
  30. width: 20%;
  31. }