vantui-edit/es/grid-item/index.css

一套适用于Taro3及React的vantui组件库

.van-grid-item{position:relative;float:left;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:32px 16px;padding:var(--grid-item-content-padding,32px 16px);background-color:#fff;background-color:var(--grid-item-content-background-color,#fff)}.van-grid-item__content::after{z-index:1;border-width:0 2px 2px 0;border-width:0 var(--border-width-base,2px) var(--border-width-base,2px) 0}.van-grid-item__content--surround::after{border-width:2px;border-width:var(--border-width-base,2px)}.van-grid-item__content--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack: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-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__text{margin:0 0 0 16px}.van-grid-item__content--reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.van-grid-item__content--reverse .van-grid-item__text{margin:0 0 16px}.van-grid-item__content--horizontal.van-grid-item__content--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{margin:0 16px 0 0}.van-grid-item__content--clickable:active{background-color:#f2f3f5;background-color:var(--grid-item-content-active-color,#f2f3f5)}.van-grid-item__icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:52px;font-size:var(--grid-item-icon-size, 52px);height:52px;height:var(--grid-item-icon-size,52px)}.van-grid-item__text{word-wrap:break-word;color:#646566;color:var(--grid-item-text-color,#646566);font-size:24px;font-size:var(--grid-item-text-font-size, 24px)}.van-grid-item__icon+.van-grid-item__text{margin-top:16px}