index.acss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. .grid-item-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .grid-item-index .van-grid-item {
  7. position: relative;
  8. float: left;
  9. box-sizing: border-box;
  10. }
  11. .grid-item-index .van-grid-item--square {
  12. height: 0;
  13. }
  14. .grid-item-index .van-grid-item__content {
  15. display: -webkit-flex;
  16. display: flex;
  17. -webkit-flex-direction: column;
  18. flex-direction: column;
  19. box-sizing: border-box;
  20. height: 100%;
  21. padding: 16px 8px;
  22. padding: var(--grid-item-content-padding, 16px 8px);
  23. background-color: #fff;
  24. background-color: var(--grid-item-content-background-color, #fff);
  25. }
  26. .grid-item-index .van-grid-item__content:after {
  27. z-index: 1;
  28. border-width: 0 1px 1px 0;
  29. border-bottom-width: var(--border-width-base, 1px);
  30. border-right-width: var(--border-width-base, 1px);
  31. border-top-width: 0;
  32. }
  33. .grid-item-index .van-grid-item__content--surround:after {
  34. border-width: 1px;
  35. border-width: var(--border-width-base, 1px);
  36. }
  37. .grid-item-index .van-grid-item__content--center {
  38. -webkit-align-items: center;
  39. align-items: center;
  40. -webkit-justify-content: center;
  41. justify-content: center;
  42. }
  43. .grid-item-index .van-grid-item__content--square {
  44. position: absolute;
  45. top: 0;
  46. right: 0;
  47. left: 0;
  48. }
  49. .grid-item-index .van-grid-item__content--horizontal {
  50. -webkit-flex-direction: row;
  51. flex-direction: row;
  52. }
  53. .grid-item-index
  54. .van-grid-item__content--horizontal
  55. .van-grid-item__icon
  56. + .van-grid-item__text {
  57. margin-top: 0;
  58. margin-left: 8px;
  59. }
  60. .grid-item-index .van-grid-item__content--clickable:active {
  61. background-color: #f2f3f5;
  62. background-color: var(--grid-item-content-active-color, #f2f3f5);
  63. }
  64. .grid-item-index .van-grid-item__icon {
  65. display: -webkit-flex;
  66. display: flex;
  67. -webkit-align-items: center;
  68. align-items: center;
  69. font-size: 26px;
  70. font-size: var(--grid-item-icon-size, 26px);
  71. height: 26px;
  72. height: var(--grid-item-icon-size, 26px);
  73. }
  74. .grid-item-index .van-grid-item__text {
  75. word-wrap: break-word;
  76. color: #646566;
  77. color: var(--grid-item-text-color, #646566);
  78. font-size: 12px;
  79. font-size: var(--grid-item-text-font-size, 12px);
  80. }
  81. .grid-item-index .van-grid-item__icon + .van-grid-item__text {
  82. margin-top: 8px;
  83. }