123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- .grid-item-index {
- display: block;
- height: initial;
- }
- @import "../common/index.acss";
- .grid-item-index .van-grid-item {
- position: relative;
- float: left;
- box-sizing: border-box;
- }
- .grid-item-index .van-grid-item--square {
- height: 0;
- }
- .grid-item-index .van-grid-item__content {
- display: -webkit-flex;
- display: flex;
- -webkit-flex-direction: column;
- flex-direction: column;
- box-sizing: border-box;
- height: 100%;
- padding: 16px 8px;
- padding: var(--grid-item-content-padding, 16px 8px);
- background-color: #fff;
- background-color: var(--grid-item-content-background-color, #fff);
- }
- .grid-item-index .van-grid-item__content:after {
- z-index: 1;
- border-width: 0 1px 1px 0;
- border-bottom-width: var(--border-width-base, 1px);
- border-right-width: var(--border-width-base, 1px);
- border-top-width: 0;
- }
- .grid-item-index .van-grid-item__content--surround:after {
- border-width: 1px;
- border-width: var(--border-width-base, 1px);
- }
- .grid-item-index .van-grid-item__content--center {
- -webkit-align-items: center;
- align-items: center;
- -webkit-justify-content: center;
- justify-content: center;
- }
- .grid-item-index .van-grid-item__content--square {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- }
- .grid-item-index .van-grid-item__content--horizontal {
- -webkit-flex-direction: row;
- flex-direction: row;
- }
- .grid-item-index
- .van-grid-item__content--horizontal
- .van-grid-item__icon
- + .van-grid-item__text {
- margin-top: 0;
- margin-left: 8px;
- }
- .grid-item-index .van-grid-item__content--clickable:active {
- background-color: #f2f3f5;
- background-color: var(--grid-item-content-active-color, #f2f3f5);
- }
- .grid-item-index .van-grid-item__icon {
- display: -webkit-flex;
- display: flex;
- -webkit-align-items: center;
- align-items: center;
- font-size: 26px;
- font-size: var(--grid-item-icon-size, 26px);
- height: 26px;
- height: var(--grid-item-icon-size, 26px);
- }
- .grid-item-index .van-grid-item__text {
- word-wrap: break-word;
- color: #646566;
- color: var(--grid-item-text-color, #646566);
- font-size: 12px;
- font-size: var(--grid-item-text-font-size, 12px);
- }
- .grid-item-index .van-grid-item__icon + .van-grid-item__text {
- margin-top: 8px;
- }
|