12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- @import '../common/index.css';
- .van-grid-item {
- position: relative;
- float: left;
- box-sizing: border-box;
- }
- .van-grid-item--square {
- height: 0;
- }
- .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);
- }
- .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;
- }
- .van-grid-item__content--surround:after {
- border-width: 1px;
- border-width: var(--border-width-base, 1px);
- }
- .van-grid-item__content--center {
- -webkit-align-items: center;
- align-items: center;
- -webkit-justify-content: center;
- justify-content: center;
- }
- .van-grid-item__content--square {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- }
- .van-grid-item__content--horizontal {
- -webkit-flex-direction: row;
- flex-direction: row;
- }
- .van-grid-item__content--horizontal .van-grid-item__icon + .van-grid-item__text {
- margin-top: 0;
- margin-left: 8px;
- }
- .van-grid-item__content--clickable:active {
- background-color: #f2f3f5;
- background-color: var(--grid-item-content-active-color, #f2f3f5);
- }
- .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);
- }
- .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);
- }
- .van-grid-item__icon + .van-grid-item__text {
- margin-top: 8px;
- }
|